Flexbox grid updates (twbs#20829)

* Fixes twbs#20775 without adding extra width and an important flag * Since we're now getting the extend, we don't need the extra position relative * rerrange * getting min-height from the extend already
Rajan · Oct 3, 2016 · 88c601a · 88c601a
1 parent 2919c34
commit 88c601a
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/scss/mixins/_grid-framework.scss b/scss/mixins/_grid-framework.scss
@@ -21,6 +21,11 @@
   @each $breakpoint in map-keys($breakpoints) {
     $breakpoint-counter: ($breakpoint-counter + 1);
 
+    // Allow columns to stretch full width below their breakpoints
+    .col-#{$breakpoint} {
+      @extend %grid-column;
+    }
+
     @for $i from 1 through $columns {
       .col-#{$breakpoint}-#{$i} {
         @extend %grid-column;
@@ -31,11 +36,9 @@
       // Provide basic `.col-{bp}` classes for equal-width flexbox columns
       @if $enable-flex {
         .col-#{$breakpoint} {
-          position: relative;
           flex-basis: 0;
           flex-grow: 1;
           max-width: 100%;
-          min-height: 1px;
         }
       }