diff --git a/src/defaultPlugins.js b/src/defaultPlugins.js index 003d19813..8967e1026 100644 --- a/src/defaultPlugins.js +++ b/src/defaultPlugins.js @@ -1,3 +1,4 @@ +import minHeight from './plugins/minHeight' import minWidth from './plugins/minWidth' import negativeMargin from './plugins/negativeMargin' import objectFit from './plugins/objectFit' @@ -27,6 +28,7 @@ import zIndex from './plugins/zIndex' export default function (config) { return [ + config.modules.minHeight === false ? () => {} : minHeight(), config.modules.minWidth === false ? () => {} : minWidth(), config.modules.negativeMargin === false ? () => {} : negativeMargin(), config.modules.objectFit === false ? () => {} : objectFit(), diff --git a/src/generators/minHeight.js b/src/generators/minHeight.js deleted file mode 100644 index 4d6233eff..000000000 --- a/src/generators/minHeight.js +++ /dev/null @@ -1,14 +0,0 @@ -import _ from 'lodash' -import defineClass from '../util/defineClass' - -function defineMinHeights(heights) { - return _.map(heights, (size, modifer) => { - return defineClass(`min-h-${modifer}`, { - 'min-height': `${size}`, - }) - }) -} - -export default function(config) { - return _.flatten([defineMinHeights(config.minHeight)]) -} diff --git a/src/plugins/minHeight.js b/src/plugins/minHeight.js new file mode 100644 index 000000000..a094c05a1 --- /dev/null +++ b/src/plugins/minHeight.js @@ -0,0 +1,13 @@ +import _ from 'lodash' + +export default function () { + return function ({ addUtilities, config, e }) { + const utilities = _.fromPairs(_.map(config('minHeight'), (value, modifier) => { + return [`.${e(`min-h-${modifier}`)}`, { + 'min-height': value, + }] + })) + + addUtilities(utilities, config('modules.minHeight')) + } +} diff --git a/src/utilityModules.js b/src/utilityModules.js index a5f3893cb..ce62cd447 100644 --- a/src/utilityModules.js +++ b/src/utilityModules.js @@ -21,7 +21,6 @@ import leading from './generators/leading' import margin from './generators/margin' import maxHeight from './generators/maxHeight' import maxWidth from './generators/maxWidth' -import minHeight from './generators/minHeight' export default [ { name: 'lists', generator: lists }, @@ -47,5 +46,4 @@ export default [ { name: 'margin', generator: margin }, { name: 'maxHeight', generator: maxHeight }, { name: 'maxWidth', generator: maxWidth }, - { name: 'minHeight', generator: minHeight }, ]