mirror of
https://github.com/twbs/bootstrap.git
synced 2022-11-09 12:25:43 -05:00

* Explore responsive display utils, but with a twist: lowest breakpoint has no breakpoint modifier in the class name * make floats use the same format, add float-none mixin
19 lines
588 B
SCSS
19 lines
588 B
SCSS
@each $breakpoint in map-keys($grid-breakpoints) {
|
|
@include media-breakpoint-up($breakpoint) {
|
|
$min: breakpoint-min($breakpoint, $grid-breakpoints);
|
|
|
|
@if $min {
|
|
// everything else
|
|
@media (min-width: $min) {
|
|
.float-#{$breakpoint}-left { @include float-left; }
|
|
.float-#{$breakpoint}-right { @include float-right; }
|
|
.float-#{$breakpoint}-none { @include float-none; }
|
|
}
|
|
} @else {
|
|
// xs
|
|
.float-left { @include float-left; }
|
|
.float-right { @include float-right; }
|
|
.float-none { @include float-none; }
|
|
}
|
|
}
|
|
}
|