rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity

Flexbox grid updates (#20829)

Browse Source 
* 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
This commit is contained in:
Mark Otto 2016-10-02 21:10:06 -07:00 committed by GitHub
parent 2919c34071
commit 88c601a842
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
scss/mixins/_grid-framework.scss
View File

@ -21,6 +21,11 @@
@each $breakpoint in map-keys($breakpoints) { @each $breakpoint in map-keys($breakpoints) {
$breakpoint-counter: ($breakpoint-counter + 1); $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 { @for $i from 1 through $columns {
.col-#{$breakpoint}-#{$i} { .col-#{$breakpoint}-#{$i} {
@extend %grid-column; @extend %grid-column;
@ -31,11 +36,9 @@
// Provide basic `.col-{bp}` classes for equal-width flexbox columns // Provide basic `.col-{bp}` classes for equal-width flexbox columns
@if $enable-flex { @if $enable-flex {
.col-#{$breakpoint} { .col-#{$breakpoint} {
position: relative;
flex-basis: 0; flex-basis: 0;
flex-grow: 1; flex-grow: 1;
max-width: 100%; max-width: 100%;
min-height: 1px;
} }
} }