Port textAlign module to plugin

src/defaultPlugins.js

@@ -1,3 +1,4 @@
+import textAlign from './plugins/textAlign'
 import textColors from './plugins/textColors'
 import textSizes from './plugins/textSizes'
 import textStyle from './plugins/textStyle'
@@ -10,6 +11,7 @@ import width from './plugins/width'
 import zIndex from './plugins/zIndex'
 
 export default [
+  textAlign(),
   textColors(),
   textSizes(),
   textStyle(),

src/generators/textAlign.js

@@ -1,10 +0,0 @@
-import defineClasses from '../util/defineClasses'
-
-export default function() {
-  return defineClasses({
-    'text-left': { 'text-align': 'left' },
-    'text-center': { 'text-align': 'center' },
-    'text-right': { 'text-align': 'right' },
-    'text-justify': { 'text-align': 'justify' },
-  })
-}

src/plugins/textAlign.js

@@ -0,0 +1,10 @@
+export default function () {
+  return function ({ addUtilities, config }) {
+    addUtilities({
+      '.text-left': { 'text-align': 'left' },
+      '.text-center': { 'text-align': 'center' },
+      '.text-right': { 'text-align': 'right' },
+      '.text-justify': { 'text-align': 'justify' },
+    }, config('modules.textAlign'))
+  }
+}

src/utilityModules.js

@@ -37,7 +37,6 @@ import shadows from './generators/shadows'
 import svgFill from './generators/svgFill'
 import svgStroke from './generators/svgStroke'
 import tableLayout from './generators/tableLayout'
-import textAlign from './generators/textAlign'
 
 export default [
   { name: 'lists', generator: lists },
@@ -79,5 +78,4 @@ export default [
   { name: 'svgFill', generator: svgFill },
   { name: 'svgStroke', generator: svgStroke },
   { name: 'tableLayout', generator: tableLayout },
-  { name: 'textAlign', generator: textAlign },
 ]