Port height module to plugin

adamwathan · adamwathan · commit 964bf81ee334 · 2019-01-14T15:43:12.000-05:00
diff --git a/src/defaultPlugins.js b/src/defaultPlugins.js
@@ -1,3 +1,4 @@
+import height from './plugins/height'
 import leading from './plugins/leading'
 import margin from './plugins/margin'
 import maxHeight from './plugins/maxHeight'
@@ -32,6 +33,7 @@ import zIndex from './plugins/zIndex'
 
 export default function (config) {
   return [
+    config.modules.height === false ? () => {} : height(),
     config.modules.leading === false ? () => {} : leading(),
     config.modules.margin === false ? () => {} : margin(),
     config.modules.maxHeight === false ? () => {} : maxHeight(),
diff --git a/src/generators/height.js b/src/generators/height.js
diff --git a/src/plugins/height.js b/src/plugins/height.js
@@ -0,0 +1,13 @@
+import _ from 'lodash'
+
+export default function () {
+  return function ({ addUtilities, config, e }) {
+    const utilities = _.fromPairs(_.map(config('height'), (value, modifier) => {
+      return [`.${e(`h-${modifier}`)}`, {
+        'height': value,
+      }]
+    }))
+
+    addUtilities(utilities, config('modules.height'))
+  }
+}
diff --git a/src/utilityModules.js b/src/utilityModules.js
@@ -16,7 +16,6 @@ import flexbox from './generators/flexbox'
 import float from './generators/float'
 import fonts from './generators/fonts'
 import fontWeights from './generators/fontWeights'
-import height from './generators/height'
 
 export default [
   { name: 'lists', generator: lists },
@@ -37,5 +36,4 @@ export default [
   { name: 'float', generator: float },
   { name: 'fonts', generator: fonts },
   { name: 'fontWeights', generator: fontWeights },
-  { name: 'height', generator: height },
 ]
