Split flexWrap into separate plugin

defaultConfig.stub.js

@@ -20,6 +20,7 @@ module.exports = {
     cursor: ['responsive'],
     display: ['responsive'],
     flexDirection: ['responsive'],
+    flexWrap: ['responsive'],
     flexbox: ['responsive'],
     float: ['responsive'],
     fontFamily: ['responsive'],

src/corePlugins.js

@@ -14,6 +14,7 @@ import borderWidth from './plugins/borderWidth'
 import cursor from './plugins/cursor'
 import display from './plugins/display'
 import flexDirection from './plugins/flexDirection'
+import flexWrap from './plugins/flexWrap'
 import flexbox from './plugins/flexbox'
 import float from './plugins/float'
 import fontFamily from './plugins/fontFamily'
@@ -89,6 +90,7 @@ export default function(config) {
     cursor,
     display,
     flexDirection,
+    flexWrap,
     flexbox,
     float,
     fontFamily,

src/plugins/flexWrap.js

@@ -0,0 +1,18 @@
+export default function({ variants }) {
+  return function({ addUtilities }) {
+    addUtilities(
+      {
+        '.flex-wrap': {
+          'flex-wrap': 'wrap',
+        },
+        '.flex-wrap-reverse': {
+          'flex-wrap': 'wrap-reverse',
+        },
+        '.flex-no-wrap': {
+          'flex-wrap': 'nowrap',
+        },
+      },
+      variants
+    )
+  }
+}

src/plugins/flexbox.js

@@ -2,15 +2,6 @@ export default function({ variants }) {
   return function({ addUtilities }) {
     addUtilities(
       {
-        '.flex-wrap': {
-          'flex-wrap': 'wrap',
-        },
-        '.flex-wrap-reverse': {
-          'flex-wrap': 'wrap-reverse',
-        },
-        '.flex-no-wrap': {
-          'flex-wrap': 'nowrap',
-        },
         '.items-start': {
           'align-items': 'flex-start',
         },