now if you need IE support load this file after

fabean · Jun 12, 2020 · e7e521c · e7e521c
1 parent 910fc3a
commit e7e521c
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 5 deletions.
diff --git a/src/scss/flexbox-grid-ie11.scss 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
@@ -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 {