From e7e521c7463d4737ef65284053a970c4e661cc19 Mon Sep 17 00:00:00 2001
From: Josh Fabean <me@joshfabean.com>
Date: Fri, 12 Jun 2020 14:03:49 -0500
Subject: [PATCH] now if you need IE support load this file after

---
 src/scss/flexbox-grid-ie11.scss | 17 +++++++++++++++++
 src/scss/flexbox-grid.scss      |  5 -----
 2 files changed, 17 insertions(+), 5 deletions(-)
 create mode 100644 src/scss/flexbox-grid-ie11.scss

diff --git a/src/scss/flexbox-grid-ie11.scss b/src/scss/flexbox-grid-ie11.scss
new file mode 100644
index 0000000..fa8280e
--- /dev/null
+++ b/src/scss/flexbox-grid-ie11.scss
@@ -0,0 +1,17 @@
+@each $key, $breakpoint in $breakpoints {
+  $beginning: '';
+  @if $key != default {
+    $beginning: #{$key}-; // sass-lint:disable-line space-around-operator
+  }
+
+  @media (min-width: $breakpoint) {
+    .#{$beginning}flex-column,
+    .#{$beginning}flex-dir-column {
+      flex-direction: column;
+
+      > * {
+        flex-basis: auto !important;
+      }
+    }
+  }
+}
diff --git a/src/scss/flexbox-grid.scss b/src/scss/flexbox-grid.scss
index 3870387..3735978 100644
--- a/src/scss/flexbox-grid.scss
+++ b/src/scss/flexbox-grid.scss
@@ -91,11 +91,6 @@ html {
     .#{$beginning}flex-column,
     .#{$beginning}flex-dir-column {
       flex-direction: column;
-
-      > * {
-        // fix for IE11 that doesn't hurt things anywhere else
-        flex-basis: auto !important;
-      }
     }
 
     .#{$beginning}flex-dir-column-reverse {