diff --git a/src/defaultPlugins.js b/src/defaultPlugins.js index fc02b72a1..003d19813 100644 --- a/src/defaultPlugins.js +++ b/src/defaultPlugins.js @@ -1,3 +1,4 @@ +import minWidth from './plugins/minWidth' import negativeMargin from './plugins/negativeMargin' import objectFit from './plugins/objectFit' import objectPosition from './plugins/objectPosition' @@ -26,6 +27,7 @@ import zIndex from './plugins/zIndex' export default function (config) { return [ + config.modules.minWidth === false ? () => {} : minWidth(), config.modules.negativeMargin === false ? () => {} : negativeMargin(), config.modules.objectFit === false ? () => {} : objectFit(), config.modules.objectPosition === false ? () => {} : objectPosition(), diff --git a/src/generators/minWidth.js b/src/generators/minWidth.js deleted file mode 100644 index d8fa8dce6..000000000 --- a/src/generators/minWidth.js +++ /dev/null @@ -1,14 +0,0 @@ -import _ from 'lodash' -import defineClass from '../util/defineClass' - -function defineMinWidths(widths) { - return _.map(widths, (size, modifer) => { - return defineClass(`min-w-${modifer}`, { - 'min-width': `${size}`, - }) - }) -} - -export default function(config) { - return _.flatten([defineMinWidths(config.minWidth)]) -} diff --git a/src/plugins/minWidth.js b/src/plugins/minWidth.js new file mode 100644 index 000000000..a5da08634 --- /dev/null +++ b/src/plugins/minWidth.js @@ -0,0 +1,13 @@ +import _ from 'lodash' + +export default function () { + return function ({ addUtilities, config, e }) { + const utilities = _.fromPairs(_.map(config('minWidth'), (value, modifier) => { + return [`.${e(`min-w-${modifier}`)}`, { + 'min-width': value, + }] + })) + + addUtilities(utilities, config('modules.minWidth')) + } +} diff --git a/src/utilityModules.js b/src/utilityModules.js index 1371979e2..a5f3893cb 100644 --- a/src/utilityModules.js +++ b/src/utilityModules.js @@ -22,7 +22,6 @@ import margin from './generators/margin' import maxHeight from './generators/maxHeight' import maxWidth from './generators/maxWidth' import minHeight from './generators/minHeight' -import minWidth from './generators/minWidth' export default [ { name: 'lists', generator: lists }, @@ -49,5 +48,4 @@ export default [ { name: 'maxHeight', generator: maxHeight }, { name: 'maxWidth', generator: maxWidth }, { name: 'minHeight', generator: minHeight }, - { name: 'minWidth', generator: minWidth }, ]