Port verticalAlign module to plugin

src/defaultPlugins.js

@@ -1,9 +1,11 @@
+import verticalAlign from './plugins/verticalAlign'
 import visibility from './plugins/visibility'
 import whitespace from './plugins/whitespace'
 import width from './plugins/width'
 import zIndex from './plugins/zIndex'
 
 export default [
+  verticalAlign(),
   visibility(),
   whitespace(),
   width(),

src/generators/verticalAlign.js

@@ -1,12 +0,0 @@
-import defineClasses from '../util/defineClasses'
-
-export default function() {
-  return defineClasses({
-    'align-baseline': { 'vertical-align': 'baseline' },
-    'align-top': { 'vertical-align': 'top' },
-    'align-middle': { 'vertical-align': 'middle' },
-    'align-bottom': { 'vertical-align': 'bottom' },
-    'align-text-top': { 'vertical-align': 'text-top' },
-    'align-text-bottom': { 'vertical-align': 'text-bottom' },
-  })
-}

src/plugins/verticalAlign.js

@@ -0,0 +1,12 @@
+export default function () {
+  return function ({ addUtilities, config }) {
+    addUtilities({
+      '.align-baseline': { 'vertical-align': 'baseline' },
+      '.align-top': { 'vertical-align': 'top' },
+      '.align-middle': { 'vertical-align': 'middle' },
+      '.align-bottom': { 'vertical-align': 'bottom' },
+      '.align-text-top': { 'vertical-align': 'text-top' },
+      '.align-text-bottom': { 'vertical-align': 'text-bottom' },
+    }, config('modules.verticalAlign'))
+  }
+}

src/utilityModules.js

@@ -43,7 +43,6 @@ import textSizes from './generators/textSizes'
 import textStyle from './generators/textStyle'
 import tracking from './generators/tracking'
 import userSelect from './generators/userSelect'
-import verticalAlign from './generators/verticalAlign'
 
 export default [
   { name: 'lists', generator: lists },
@@ -91,5 +90,4 @@ export default [
   { name: 'textStyle', generator: textStyle },
   { name: 'tracking', generator: tracking },
   { name: 'userSelect', generator: userSelect },
-  { name: 'verticalAlign', generator: verticalAlign },
 ]