Port minWidth module to plugin

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(),

src/generators/minWidth.js

@@ -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)])
-}

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'))
+  }
+}

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 },
 ]