From: Mark Otto <markd.otto@gmail.com>
Date: Mon, 3 Oct 2016 04:10:06 +0000 (-0700)
Subject: Flexbox grid updates (#20829)
X-Git-Tag: v4.0.0-alpha.5~58
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=88c601a842621b2bbb6ce610267ee724a9536de2;p=thirdparty%2Fbootstrap.git

Flexbox grid updates (#20829)

* Fixes #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
---

diff --git a/scss/mixins/_grid-framework.scss b/scss/mixins/_grid-framework.scss
index 0e3852e24b..35ccd9221e 100644
--- 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;
         }
       }