Port resize module to plugin

src/defaultPlugins.js

@@ -1,3 +1,4 @@
+import resize from './plugins/resize'
 import shadows from './plugins/shadows'
 import svgFill from './plugins/svgFill'
 import svgStroke from './plugins/svgStroke'
@@ -15,6 +16,7 @@ import width from './plugins/width'
 import zIndex from './plugins/zIndex'
 
 export default [
+  resize(),
   shadows(),
   svgFill(),
   svgStroke(),

src/generators/resize.js

@@ -1,10 +0,0 @@
-import defineClasses from '../util/defineClasses'
-
-export default function() {
-  return defineClasses({
-    'resize-none': { resize: 'none' },
-    'resize-y': { resize: 'vertical' },
-    'resize-x': { resize: 'horizontal' },
-    resize: { resize: 'both' },
-  })
-}

src/plugins/resize.js

@@ -0,0 +1,10 @@
+export default function () {
+  return function ({ addUtilities, config }) {
+    addUtilities({
+      '.resize-none': { resize: 'none' },
+      '.resize-y': { resize: 'vertical' },
+      '.resize-x': { resize: 'horizontal' },
+      '.resize': { resize: 'both' },
+    }, config('modules.resize'))
+  }
+}

src/utilityModules.js

@@ -32,7 +32,6 @@ import overflow from './generators/overflow'
 import padding from './generators/padding'
 import pointerEvents from './generators/pointerEvents'
 import position from './generators/position'
-import resize from './generators/resize'
 
 export default [
   { name: 'lists', generator: lists },
@@ -69,5 +68,4 @@ export default [
   { name: 'padding', generator: padding },
   { name: 'pointerEvents', generator: pointerEvents },
   { name: 'position', generator: position },
-  { name: 'resize', generator: resize },
 ]