Split alignContent into separate plugin

defaultConfig.stub.js

@@ -24,6 +24,7 @@ module.exports = {
     alignItems: ['responsive'],
     alignSelf: ['responsive'],
     justifyContent: ['responsive'],
+    alignContent: ['responsive'],
     flexbox: ['responsive'],
     float: ['responsive'],
     fontFamily: ['responsive'],

src/corePlugins.js

@@ -18,6 +18,7 @@ import flexWrap from './plugins/flexWrap'
 import alignItems from './plugins/alignItems'
 import alignSelf from './plugins/alignSelf'
 import justifyContent from './plugins/justifyContent'
+import alignContent from './plugins/alignContent'
 import flexbox from './plugins/flexbox'
 import float from './plugins/float'
 import fontFamily from './plugins/fontFamily'
@@ -97,6 +98,7 @@ export default function(config) {
     alignItems,
     alignSelf,
     justifyContent,
+    alignContent,
     flexbox,
     float,
     fontFamily,

src/plugins/alignContent.js

@@ -0,0 +1,24 @@
+export default function({ variants }) {
+  return function({ addUtilities }) {
+    addUtilities(
+      {
+        '.content-center': {
+          'align-content': 'center',
+        },
+        '.content-start': {
+          'align-content': 'flex-start',
+        },
+        '.content-end': {
+          'align-content': 'flex-end',
+        },
+        '.content-between': {
+          'align-content': 'space-between',
+        },
+        '.content-around': {
+          'align-content': 'space-around',
+        },
+      },
+      variants
+    )
+  }
+}

src/plugins/flexbox.js

@@ -2,21 +2,6 @@ export default function({ variants }) {
   return function({ addUtilities }) {
     addUtilities(
       {
-        '.content-center': {
-          'align-content': 'center',
-        },
-        '.content-start': {
-          'align-content': 'flex-start',
-        },
-        '.content-end': {
-          'align-content': 'flex-end',
-        },
-        '.content-between': {
-          'align-content': 'space-between',
-        },
-        '.content-around': {
-          'align-content': 'space-around',
-        },
         '.flex-1': {
           flex: '1 1 0%',
         },