mirror of
https://github.com/Hopiu/bootstrap.git
synced 2026-05-25 19:43:43 +00:00
restore the .col-{bp} class for flexbox auto layout
This commit is contained in:
parent
e7090a7c44
commit
adba459749
1 changed files with 13 additions and 0 deletions
|
|
@ -30,6 +30,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media-breakpoint-up($breakpoint, $breakpoints) {
|
@include media-breakpoint-up($breakpoint, $breakpoints) {
|
||||||
|
// 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;
|
||||||
|
padding-right: ($grid-gutter-width / 2);
|
||||||
|
padding-left: ($grid-gutter-width / 2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@for $i from 1 through $columns {
|
@for $i from 1 through $columns {
|
||||||
.col-#{$breakpoint}-#{$i} {
|
.col-#{$breakpoint}-#{$i} {
|
||||||
@include make-col($i, $columns, $gutter);
|
@include make-col($i, $columns, $gutter);
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue