From 718389ccd848949da3046dce4fc4ab65ee2a5b6d Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Wed, 9 Jan 2019 13:04:44 -0500
Subject: [PATCH] Port verticalAlign module to plugin

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

diff --git a/src/defaultPlugins.js b/src/defaultPlugins.js
index ab836d087..75b327e22 100644
--- a/src/defaultPlugins.js
+++ b/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(),
diff --git a/src/generators/verticalAlign.js b/src/generators/verticalAlign.js
deleted file mode 100644
index c06c4c2b4..000000000
--- a/src/generators/verticalAlign.js
+++ /dev/null
@@ -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' },
-  })
-}
diff --git a/src/plugins/verticalAlign.js b/src/plugins/verticalAlign.js
new file mode 100644
index 000000000..76a759dbe
--- /dev/null
+++ b/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'))
+  }
+}
diff --git a/src/utilityModules.js b/src/utilityModules.js
index a563020cb..587200116 100644
--- a/src/utilityModules.js
+++ b/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 },
 ]