From 0cd679b4ff9751965c536b560aef43ecf7c40b0b Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Wed, 9 Jan 2019 21:48:27 -0500
Subject: [PATCH] Port backgroundPosition module to plugin

---
 src/defaultPlugins.js                |  2 ++
 src/generators/backgroundPosition.js | 15 ---------------
 src/plugins/backgroundPosition.js    | 15 +++++++++++++++
 src/utilityModules.js                |  2 --
 4 files changed, 17 insertions(+), 17 deletions(-)
 delete mode 100644 src/generators/backgroundPosition.js
 create mode 100644 src/plugins/backgroundPosition.js

diff --git a/src/defaultPlugins.js b/src/defaultPlugins.js
index 38f75e054..e4a37dc85 100644
--- a/src/defaultPlugins.js
+++ b/src/defaultPlugins.js
@@ -1,3 +1,4 @@
+import backgroundPosition from './plugins/backgroundPosition'
 import backgroundRepeat from './plugins/backgroundRepeat'
 import backgroundSize from './plugins/backgroundSize'
 import borderCollapse from './plugins/borderCollapse'
@@ -46,6 +47,7 @@ import zIndex from './plugins/zIndex'
 
 export default function (config) {
   return [
+    config.modules.backgroundPosition === false ? () => {} : backgroundPosition(),
     config.modules.backgroundRepeat === false ? () => {} : backgroundRepeat(),
     config.modules.backgroundSize === false ? () => {} : backgroundSize(),
     config.modules.borderCollapse === false ? () => {} : borderCollapse(),
diff --git a/src/generators/backgroundPosition.js b/src/generators/backgroundPosition.js
deleted file mode 100644
index 1a1f9b93a..000000000
--- a/src/generators/backgroundPosition.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import defineClasses from '../util/defineClasses'
-
-export default function() {
-  return defineClasses({
-    'bg-bottom': { 'background-position': 'bottom' },
-    'bg-center': { 'background-position': 'center' },
-    'bg-left': { 'background-position': 'left' },
-    'bg-left-bottom': { 'background-position': 'left bottom' },
-    'bg-left-top': { 'background-position': 'left top' },
-    'bg-right': { 'background-position': 'right' },
-    'bg-right-bottom': { 'background-position': 'right bottom' },
-    'bg-right-top': { 'background-position': 'right top' },
-    'bg-top': { 'background-position': 'top' },
-  })
-}
diff --git a/src/plugins/backgroundPosition.js b/src/plugins/backgroundPosition.js
new file mode 100644
index 000000000..517c160dd
--- /dev/null
+++ b/src/plugins/backgroundPosition.js
@@ -0,0 +1,15 @@
+export default function () {
+  return function ({ addUtilities, config }) {
+    addUtilities({
+      '.bg-bottom': { 'background-position': 'bottom' },
+      '.bg-center': { 'background-position': 'center' },
+      '.bg-left': { 'background-position': 'left' },
+      '.bg-left-bottom': { 'background-position': 'left bottom' },
+      '.bg-left-top': { 'background-position': 'left top' },
+      '.bg-right': { 'background-position': 'right' },
+      '.bg-right-bottom': { 'background-position': 'right bottom' },
+      '.bg-right-top': { 'background-position': 'right top' },
+      '.bg-top': { 'background-position': 'top' },
+    }, config('modules.backgroundPosition'))
+  }
+}
diff --git a/src/utilityModules.js b/src/utilityModules.js
index b37f69aa7..d9ff1ae75 100644
--- a/src/utilityModules.js
+++ b/src/utilityModules.js
@@ -2,12 +2,10 @@ import lists from './generators/lists'
 import appearance from './generators/appearance'
 import backgroundAttachment from './generators/backgroundAttachment'
 import backgroundColors from './generators/backgroundColors'
-import backgroundPosition from './generators/backgroundPosition'
 
 export default [
   { name: 'lists', generator: lists },
   { name: 'appearance', generator: appearance },
   { name: 'backgroundAttachment', generator: backgroundAttachment },
   { name: 'backgroundColors', generator: backgroundColors },
-  { name: 'backgroundPosition', generator: backgroundPosition },
 ]