2016-04-02 14:11:18 -07:00
|
|
|
//
|
|
|
|
// Display utilities
|
|
|
|
//
|
|
|
|
|
2016-10-31 21:27:56 -07:00
|
|
|
|
|
|
|
@each $breakpoint in map-keys($grid-breakpoints) {
|
|
|
|
@include media-breakpoint-up($breakpoint) {
|
|
|
|
$min: breakpoint-min($breakpoint, $grid-breakpoints);
|
|
|
|
|
|
|
|
@if $min {
|
2016-11-27 16:18:46 -07:00
|
|
|
.d-#{$breakpoint}-none { display: none !important; }
|
|
|
|
.d-#{$breakpoint}-inline { display: inline !important; }
|
|
|
|
.d-#{$breakpoint}-inline-block { display: inline-block !important; }
|
|
|
|
.d-#{$breakpoint}-block { display: block !important; }
|
|
|
|
.d-#{$breakpoint}-table { display: table !important; }
|
|
|
|
.d-#{$breakpoint}-table-cell { display: table-cell !important; }
|
|
|
|
.d-#{$breakpoint}-flex { display: flex !important; }
|
2016-10-31 21:27:56 -07:00
|
|
|
} @else {
|
|
|
|
.d-none { display: none !important; }
|
|
|
|
.d-inline { display: inline !important; }
|
|
|
|
.d-inline-block { display: inline-block !important; }
|
|
|
|
.d-block { display: block !important; }
|
|
|
|
.d-table { display: table !important; }
|
|
|
|
.d-table-cell { display: table-cell !important; }
|
|
|
|
.d-flex { display: flex !important; }
|
|
|
|
}
|
|
|
|
}
|
2016-04-02 14:11:18 -07:00
|
|
|
}
|