Fix column sizing in IE

canonical · Mar 25, 2020 · 1d40cd5 · 1d40cd5
1 parent 1434169
commit 1d40cd5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/scss/_base_grid-definitions.scss b/scss/_base_grid-definitions.scss
@@ -88,10 +88,10 @@
 }
 
 // flexbox approximation of grid column styles for IE
-// this needs to be a @mixin rather than %placeholder because it's ised inside @media queries
-@mixin vf-grid-flex-column {
+// this needs to be a @mixin rather than %placeholder because it's used inside @media queries
+@mixin vf-grid-flex-column($size: 1) {
   flex-basis: 0;
-  flex-grow: 1;
+  flex-grow: $size;
   flex-shrink: 1;
 
   // set static gutter width

diff --git a/scss/_patterns_grid.scss b/scss/_patterns_grid.scss
@@ -86,7 +86,7 @@
       .#{$grid-large-col-prefix}#{$i} {
         // on large screens provide flex box column implementation for IE
         // on smaller screens let them display full width one under another
-        @include vf-grid-flex-column;
+        @include vf-grid-flex-column($i);
         @include vf-grid-column($i);
       }
     }