Update every plugin to accept its config as a parameter

src/plugins/appearance.js

@@ -1,10 +1,10 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.appearance-none': { appearance: 'none' },
       },
-      config('modules.appearance')
+      variants
     )
   }
 }

src/plugins/backgroundAttachment.js

@@ -1,12 +1,12 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.bg-fixed': { 'background-attachment': 'fixed' },
         '.bg-local': { 'background-attachment': 'local' },
         '.bg-scroll': { 'background-attachment': 'scroll' },
       },
-      config('modules.backgroundAttachment')
+      variants
     )
   }
 }

src/plugins/backgroundColors.js

@@ -1,9 +1,9 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const utilities = _.fromPairs(
-      _.map(config('backgroundColors'), (value, modifier) => {
+      _.map(values, (value, modifier) => {
         return [
           `.${e(`bg-${modifier}`)}`,
           {
@@ -13,6 +13,6 @@ export default function() {
       })
     )
 
-    addUtilities(utilities, config('modules.backgroundColors'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/backgroundPosition.js

@@ -1,5 +1,5 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.bg-bottom': { 'background-position': 'bottom' },
@@ -12,7 +12,7 @@ export default function() {
         '.bg-right-top': { 'background-position': 'right top' },
         '.bg-top': { 'background-position': 'top' },
       },
-      config('modules.backgroundPosition')
+      variants
     )
   }
 }

src/plugins/backgroundRepeat.js

@@ -1,5 +1,5 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.bg-repeat': { 'background-repeat': 'repeat' },
@@ -7,7 +7,7 @@ export default function() {
         '.bg-repeat-x': { 'background-repeat': 'repeat-x' },
         '.bg-repeat-y': { 'background-repeat': 'repeat-y' },
       },
-      config('modules.backgroundRepeat')
+      variants
     )
   }
 }

src/plugins/backgroundSize.js

@@ -1,9 +1,9 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const utilities = _.fromPairs(
-      _.map(config('backgroundSize'), (value, modifier) => {
+      _.map(values, (value, modifier) => {
         return [
           `.${e(`bg-${modifier}`)}`,
           {
@@ -13,6 +13,6 @@ export default function() {
       })
     )
 
-    addUtilities(utilities, config('modules.opacity'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/borderCollapse.js

@@ -1,11 +1,11 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.border-collapse': { 'border-collapse': 'collapse' },
         '.border-separate': { 'border-collapse': 'separate' },
       },
-      config('modules.borderCollapse')
+      variants
     )
   }
 }

src/plugins/borderColors.js

@@ -1,9 +1,9 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const utilities = _.fromPairs(
-      _.map(_.omit(config('borderColors'), 'default'), (value, modifier) => {
+      _.map(_.omit(values, 'default'), (value, modifier) => {
         return [
           `.${e(`border-${modifier}`)}`,
           {
@@ -13,6 +13,6 @@ export default function() {
       })
     )
 
-    addUtilities(utilities, config('modules.borderColors'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/borderRadius.js

@@ -1,7 +1,7 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const generators = [
       (value, modifier) => ({
         [`.${e(`rounded${modifier}`)}`]: { borderRadius: `${value}` },
@@ -33,11 +33,11 @@ export default function() {
     ]
 
     const utilities = _.flatMap(generators, generator => {
-      return _.flatMap(config('borderRadius'), (value, modifier) => {
+      return _.flatMap(values, (value, modifier) => {
         return generator(value, modifier === 'default' ? '' : `-${modifier}`)
       })
     })
 
-    addUtilities(utilities, config('modules.borderRadius'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/borderStyle.js

@@ -1,5 +1,5 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.border-solid': {
@@ -15,7 +15,7 @@ export default function() {
           'border-style': 'none',
         },
       },
-      config('modules.borderStyle')
+      variants
     )
   }
 }

src/plugins/borderWidths.js

@@ -1,7 +1,7 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const generators = [
       (value, modifier) => ({
         [`.${e(`border${modifier}`)}`]: { borderWidth: `${value}` },
@@ -15,11 +15,11 @@ export default function() {
     ]
 
     const utilities = _.flatMap(generators, generator => {
-      return _.flatMap(config('borderWidths'), (value, modifier) => {
+      return _.flatMap(values, (value, modifier) => {
         return generator(value, modifier === 'default' ? '' : `-${modifier}`)
       })
     })
 
-    addUtilities(utilities, config('modules.borderWidths'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/cursor.js

@@ -1,5 +1,5 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.cursor-auto': { cursor: 'auto' },
@@ -9,7 +9,7 @@ export default function() {
         '.cursor-move': { cursor: 'move' },
         '.cursor-not-allowed': { cursor: 'not-allowed' },
       },
-      config('modules.cursor')
+      variants
     )
   }
 }

src/plugins/display.js

@@ -1,5 +1,5 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.block': {
@@ -24,7 +24,7 @@ export default function() {
           display: 'none',
         },
       },
-      config('modules.display')
+      variants
     )
   }
 }

src/plugins/flexbox.js

@@ -1,5 +1,5 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.flex': {
@@ -114,7 +114,7 @@ export default function() {
           'flex-shrink': '0',
         },
       },
-      config('modules.flexbox')
+      variants
     )
   }
 }

src/plugins/float.js

@@ -1,5 +1,5 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.float-right': { float: 'right' },
@@ -11,7 +11,7 @@ export default function() {
           clear: 'both',
         },
       },
-      config('modules.float')
+      variants
     )
   }
 }

src/plugins/fontWeights.js

@@ -1,9 +1,9 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const utilities = _.fromPairs(
-      _.map(config('fontWeights'), (value, modifier) => {
+      _.map(values, (value, modifier) => {
         return [
           `.${e(`font-${modifier}`)}`,
           {
@@ -13,6 +13,6 @@ export default function() {
       })
     )
 
-    addUtilities(utilities, config('modules.fontWeights'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/fonts.js

@@ -1,9 +1,9 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const utilities = _.fromPairs(
-      _.map(config('fonts'), (value, modifier) => {
+      _.map(values, (value, modifier) => {
         return [
           `.${e(`font-${modifier}`)}`,
           {
@@ -13,6 +13,6 @@ export default function() {
       })
     )
 
-    addUtilities(utilities, config('modules.fonts'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/height.js

@@ -1,9 +1,9 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const utilities = _.fromPairs(
-      _.map(config('height'), (value, modifier) => {
+      _.map(values, (value, modifier) => {
         return [
           `.${e(`h-${modifier}`)}`,
           {
@@ -13,6 +13,6 @@ export default function() {
       })
     )
 
-    addUtilities(utilities, config('modules.height'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/leading.js

@@ -1,9 +1,9 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const utilities = _.fromPairs(
-      _.map(config('leading'), (value, modifier) => {
+      _.map(values, (value, modifier) => {
         return [
           `.${e(`leading-${modifier}`)}`,
           {
@@ -13,6 +13,6 @@ export default function() {
       })
     )
 
-    addUtilities(utilities, config('modules.leading'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/lists.js

@@ -1,5 +1,5 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.list-reset': {
@@ -7,7 +7,7 @@ export default function() {
           padding: '0',
         },
       },
-      config('modules.lists')
+      variants
     )
   }
 }

src/plugins/margin.js

@@ -1,7 +1,7 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const generators = [
       (size, modifier) => ({
         [`.${e(`m-${modifier}`)}`]: { margin: `${size}` },
@@ -19,9 +19,9 @@ export default function() {
     ]
 
     const utilities = _.flatMap(generators, generator => {
-      return _.flatMap(config('margin'), generator)
+      return _.flatMap(values, generator)
     })
 
-    addUtilities(utilities, config('modules.margin'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/maxHeight.js

@@ -1,9 +1,9 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const utilities = _.fromPairs(
-      _.map(config('maxHeight'), (value, modifier) => {
+      _.map(values, (value, modifier) => {
         return [
           `.${e(`max-h-${modifier}`)}`,
           {
@@ -13,6 +13,6 @@ export default function() {
       })
     )
 
-    addUtilities(utilities, config('modules.maxHeight'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/maxWidth.js

@@ -1,9 +1,9 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const utilities = _.fromPairs(
-      _.map(config('maxWidth'), (value, modifier) => {
+      _.map(values, (value, modifier) => {
         return [
           `.${e(`max-w-${modifier}`)}`,
           {
@@ -13,6 +13,6 @@ export default function() {
       })
     )
 
-    addUtilities(utilities, config('modules.maxWidth'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/minHeight.js

@@ -1,9 +1,9 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const utilities = _.fromPairs(
-      _.map(config('minHeight'), (value, modifier) => {
+      _.map(values, (value, modifier) => {
         return [
           `.${e(`min-h-${modifier}`)}`,
           {
@@ -13,6 +13,6 @@ export default function() {
       })
     )
 
-    addUtilities(utilities, config('modules.minHeight'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/minWidth.js

@@ -1,9 +1,9 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const utilities = _.fromPairs(
-      _.map(config('minWidth'), (value, modifier) => {
+      _.map(values, (value, modifier) => {
         return [
           `.${e(`min-w-${modifier}`)}`,
           {
@@ -13,6 +13,6 @@ export default function() {
       })
     )
 
-    addUtilities(utilities, config('modules.minWidth'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/negativeMargin.js

@@ -1,7 +1,7 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const generators = [
       (size, modifier) => ({
         [`.${e(`-m-${modifier}`)}`]: { margin: `${size}` },
@@ -19,11 +19,11 @@ export default function() {
     ]
 
     const utilities = _.flatMap(generators, generator => {
-      return _.flatMap(config('negativeMargin'), (size, modifier) => {
+      return _.flatMap(values, (size, modifier) => {
         return generator(`${size}` === '0' ? `${size}` : `-${size}`, modifier)
       })
     })
 
-    addUtilities(utilities, config('modules.negativeMargin'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/objectFit.js

@@ -1,5 +1,5 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.object-contain': { 'object-fit': 'contain' },
@@ -8,7 +8,7 @@ export default function() {
         '.object-none': { 'object-fit': 'none' },
         '.object-scale-down': { 'object-fit': 'scale-down' },
       },
-      config('modules.objectFit')
+      variants
     )
   }
 }

src/plugins/objectPosition.js

@@ -1,5 +1,5 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.object-bottom': { 'object-position': 'bottom' },
@@ -12,7 +12,7 @@ export default function() {
         '.object-right-top': { 'object-position': 'right top' },
         '.object-top': { 'object-position': 'top' },
       },
-      config('modules.objectPosition')
+      variants
     )
   }
 }

src/plugins/opacity.js

@@ -1,9 +1,9 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const utilities = _.fromPairs(
-      _.map(config('opacity'), (value, modifier) => {
+      _.map(values, (value, modifier) => {
         return [
           `.${e(`opacity-${modifier}`)}`,
           {
@@ -13,6 +13,6 @@ export default function() {
       })
     )
 
-    addUtilities(utilities, config('modules.opacity'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/outline.js

@@ -1,10 +1,10 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.outline-none': { outline: '0' },
       },
-      config('modules.outline')
+      variants
     )
   }
 }

src/plugins/overflow.js

@@ -1,5 +1,5 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.overflow-auto': { overflow: 'auto' },
@@ -17,7 +17,7 @@ export default function() {
         '.scrolling-touch': { '-webkit-overflow-scrolling': 'touch' },
         '.scrolling-auto': { '-webkit-overflow-scrolling': 'auto' },
       },
-      config('modules.overflow')
+      variants
     )
   }
 }

src/plugins/padding.js

@@ -1,7 +1,7 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const generators = [
       (size, modifier) => ({
         [`.${e(`p-${modifier}`)}`]: { padding: `${size}` },
@@ -19,9 +19,9 @@ export default function() {
     ]
 
     const utilities = _.flatMap(generators, generator => {
-      return _.flatMap(config('padding'), generator)
+      return _.flatMap(values, generator)
     })
 
-    addUtilities(utilities, config('modules.padding'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/pointerEvents.js

@@ -1,11 +1,11 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.pointer-events-none': { 'pointer-events': 'none' },
         '.pointer-events-auto': { 'pointer-events': 'auto' },
       },
-      config('modules.pointerEvents')
+      variants
     )
   }
 }

src/plugins/position.js

@@ -1,5 +1,5 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.static': { position: 'static' },
@@ -26,7 +26,7 @@ export default function() {
         '.pin-b': { bottom: 0 },
         '.pin-l': { left: 0 },
       },
-      config('modules.position')
+      variants
     )
   }
 }

src/plugins/resize.js

@@ -1,5 +1,5 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.resize-none': { resize: 'none' },
@@ -7,7 +7,7 @@ export default function() {
         '.resize-x': { resize: 'horizontal' },
         '.resize': { resize: 'both' },
       },
-      config('modules.resize')
+      variants
     )
   }
 }

src/plugins/shadows.js

@@ -1,9 +1,9 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const utilities = _.fromPairs(
-      _.map(config('shadows'), (value, modifier) => {
+      _.map(values, (value, modifier) => {
         const className = modifier === 'default' ? 'shadow' : `shadow-${modifier}`
         return [
           `.${e(className)}`,
@@ -14,6 +14,6 @@ export default function() {
       })
     )
 
-    addUtilities(utilities, config('modules.shadows'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/svgFill.js

@@ -1,9 +1,9 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const utilities = _.fromPairs(
-      _.map(config('svgFill'), (value, modifier) => {
+      _.map(values, (value, modifier) => {
         return [
           `.${e(`fill-${modifier}`)}`,
           {
@@ -13,6 +13,6 @@ export default function() {
       })
     )
 
-    addUtilities(utilities, config('modules.svgFill'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/svgStroke.js

@@ -1,9 +1,9 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const utilities = _.fromPairs(
-      _.map(config('svgStroke'), (value, modifier) => {
+      _.map(values, (value, modifier) => {
         return [
           `.${e(`stroke-${modifier}`)}`,
           {
@@ -13,6 +13,6 @@ export default function() {
       })
     )
 
-    addUtilities(utilities, config('modules.svgStroke'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/tableLayout.js

@@ -1,11 +1,11 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.table-auto': { 'table-layout': 'auto' },
         '.table-fixed': { 'table-layout': 'fixed' },
       },
-      config('modules.tableLayout')
+      variants
     )
   }
 }

src/plugins/textAlign.js

@@ -1,5 +1,5 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.text-left': { 'text-align': 'left' },
@@ -7,7 +7,7 @@ export default function() {
         '.text-right': { 'text-align': 'right' },
         '.text-justify': { 'text-align': 'justify' },
       },
-      config('modules.textAlign')
+      variants
     )
   }
 }

src/plugins/textColors.js

@@ -1,9 +1,9 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const utilities = _.fromPairs(
-      _.map(config('textColors'), (value, modifier) => {
+      _.map(values, (value, modifier) => {
         return [
           `.${e(`text-${modifier}`)}`,
           {
@@ -13,6 +13,6 @@ export default function() {
       })
     )
 
-    addUtilities(utilities, config('modules.textColors'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/textSizes.js

@@ -1,9 +1,9 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const utilities = _.fromPairs(
-      _.map(config('textSizes'), (value, modifier) => {
+      _.map(values, (value, modifier) => {
         return [
           `.${e(`text-${modifier}`)}`,
           {
@@ -13,6 +13,6 @@ export default function() {
       })
     )
 
-    addUtilities(utilities, config('modules.textSizes'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/textStyle.js

@@ -1,5 +1,5 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.italic': { 'font-style': 'italic' },
@@ -23,7 +23,7 @@ export default function() {
           '-moz-osx-font-smoothing': 'auto',
         },
       },
-      config('modules.textStyle')
+      variants
     )
   }
 }

src/plugins/tracking.js

@@ -1,9 +1,9 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ values, variants }) {
+  return function({ addUtilities }) {
     const utilities = _.fromPairs(
-      _.map(config('tracking'), (value, modifier) => {
+      _.map(values, (value, modifier) => {
         return [
           `.tracking-${modifier}`,
           {
@@ -13,6 +13,6 @@ export default function() {
       })
     )
 
-    addUtilities(utilities, config('modules.tracking'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/userSelect.js

@@ -1,11 +1,11 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.select-none': { 'user-select': 'none' },
         '.select-text': { 'user-select': 'text' },
       },
-      config('modules.userSelect')
+      variants
     )
   }
 }

src/plugins/verticalAlign.js

@@ -1,5 +1,5 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.align-baseline': { 'vertical-align': 'baseline' },
@@ -9,7 +9,7 @@ export default function() {
         '.align-text-top': { 'vertical-align': 'text-top' },
         '.align-text-bottom': { 'vertical-align': 'text-bottom' },
       },
-      config('modules.verticalAlign')
+      variants
     )
   }
 }

src/plugins/visibility.js

@@ -1,11 +1,11 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.visible': { visibility: 'visible' },
         '.invisible': { visibility: 'hidden' },
       },
-      config('modules.visibility')
+      variants
     )
   }
 }

src/plugins/whitespace.js

@@ -1,5 +1,5 @@
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ variants }) {
+  return function({ addUtilities }) {
     addUtilities(
       {
         '.whitespace-normal': { 'white-space': 'normal' },
@@ -17,7 +17,7 @@ export default function() {
           'white-space': 'nowrap',
         },
       },
-      config('modules.whitespace')
+      variants
     )
   }
 }

src/plugins/width.js

@@ -1,9 +1,9 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config, e }) {
+export default function({ values, variants }) {
+  return function({ addUtilities, e }) {
     const utilities = _.fromPairs(
-      _.map(config('width'), (value, modifier) => {
+      _.map(values, (value, modifier) => {
         return [
           `.${e(`w-${modifier}`)}`,
           {
@@ -13,6 +13,6 @@ export default function() {
       })
     )
 
-    addUtilities(utilities, config('modules.width'))
+    addUtilities(utilities, variants)
   }
 }

src/plugins/zIndex.js

@@ -1,9 +1,9 @@
 import _ from 'lodash'
 
-export default function() {
-  return function({ addUtilities, config }) {
+export default function({ values, variants }) {
+  return function({ addUtilities }) {
     const utilities = _.fromPairs(
-      _.map(config('zIndex'), (value, modifier) => {
+      _.map(values, (value, modifier) => {
         return [
           `.z-${modifier}`,
           {
@@ -13,6 +13,6 @@ export default function() {
       })
     )
 
-    addUtilities(utilities, config('modules.zIndex'))
+    addUtilities(utilities, variants)
   }
 }

src/processTailwindFeatures.js

@@ -9,12 +9,11 @@ import substituteScreenAtRules from './lib/substituteScreenAtRules'
 import substituteClassApplyAtRules from './lib/substituteClassApplyAtRules'
 
 import processPlugins from './util/processPlugins'
-import defaultPlugins from './defaultPlugins'
 
 export default function(getConfig) {
   return function(css) {
     const config = getConfig()
-    const processedPlugins = processPlugins([...defaultPlugins(config), ...config.plugins], config)
+    const processedPlugins = processPlugins(config.plugins, config)
 
     return postcss([
       substituteTailwindAtRules(config, processedPlugins),