From ad4f7739bba3e9f20cb03fad3829af4b3dfd8614 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Tue, 26 Feb 2019 09:58:47 -0500
Subject: [PATCH] Split flexDirection into its own plugin

---
 defaultConfig.stub.js        |  1 +
 src/corePlugins.js           |  2 ++
 src/plugins/flexDirection.js | 21 +++++++++++++++++++++
 src/plugins/flexbox.js       | 12 ------------
 4 files changed, 24 insertions(+), 12 deletions(-)
 create mode 100644 src/plugins/flexDirection.js

diff --git a/defaultConfig.stub.js b/defaultConfig.stub.js
index 32e2d9314..654b476d8 100644
--- a/defaultConfig.stub.js
+++ b/defaultConfig.stub.js
@@ -19,6 +19,7 @@ module.exports = {
     borderWidth: ['responsive'],
     cursor: ['responsive'],
     display: ['responsive'],
+    flexDirection: ['responsive'],
     flexbox: ['responsive'],
     float: ['responsive'],
     fontFamily: ['responsive'],
diff --git a/src/corePlugins.js b/src/corePlugins.js
index c0d7f8ebf..435071974 100644
--- a/src/corePlugins.js
+++ b/src/corePlugins.js
@@ -13,6 +13,7 @@ import borderStyle from './plugins/borderStyle'
 import borderWidth from './plugins/borderWidth'
 import cursor from './plugins/cursor'
 import display from './plugins/display'
+import flexDirection from './plugins/flexDirection'
 import flexbox from './plugins/flexbox'
 import float from './plugins/float'
 import fontFamily from './plugins/fontFamily'
@@ -87,6 +88,7 @@ export default function(config) {
     borderWidth,
     cursor,
     display,
+    flexDirection,
     flexbox,
     float,
     fontFamily,
diff --git a/src/plugins/flexDirection.js b/src/plugins/flexDirection.js
new file mode 100644
index 000000000..338c113c2
--- /dev/null
+++ b/src/plugins/flexDirection.js
@@ -0,0 +1,21 @@
+export default function({ variants }) {
+  return function({ addUtilities }) {
+    addUtilities(
+      {
+        '.flex-row': {
+          'flex-direction': 'row',
+        },
+        '.flex-row-reverse': {
+          'flex-direction': 'row-reverse',
+        },
+        '.flex-col': {
+          'flex-direction': 'column',
+        },
+        '.flex-col-reverse': {
+          'flex-direction': 'column-reverse',
+        },
+      },
+      variants
+    )
+  }
+}
diff --git a/src/plugins/flexbox.js b/src/plugins/flexbox.js
index fadf35134..ea20686ac 100644
--- a/src/plugins/flexbox.js
+++ b/src/plugins/flexbox.js
@@ -2,18 +2,6 @@ export default function({ variants }) {
   return function({ addUtilities }) {
     addUtilities(
       {
-        '.flex-row': {
-          'flex-direction': 'row',
-        },
-        '.flex-row-reverse': {
-          'flex-direction': 'row-reverse',
-        },
-        '.flex-col': {
-          'flex-direction': 'column',
-        },
-        '.flex-col-reverse': {
-          'flex-direction': 'column-reverse',
-        },
         '.flex-wrap': {
           'flex-wrap': 'wrap',
         },