2017-10-02 23:34:56 -04:00
|
|
|
// stylelint-disable declaration-no-important
|
|
|
|
|
2016-04-02 17:11:18 -04:00
|
|
|
//
|
2017-03-03 15:58:57 -05:00
|
|
|
// Utilities for common `display` values
|
2016-04-02 17:11:18 -04:00
|
|
|
//
|
|
|
|
|
2016-11-01 00:27:56 -04:00
|
|
|
@each $breakpoint in map-keys($grid-breakpoints) {
|
|
|
|
@include media-breakpoint-up($breakpoint) {
|
2016-11-28 16:23:59 -05:00
|
|
|
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
2016-11-01 00:27:56 -04:00
|
|
|
|
2016-11-28 16:23:59 -05:00
|
|
|
.d#{$infix}-none { display: none !important; }
|
|
|
|
.d#{$infix}-inline { display: inline !important; }
|
|
|
|
.d#{$infix}-inline-block { display: inline-block !important; }
|
|
|
|
.d#{$infix}-block { display: block !important; }
|
|
|
|
.d#{$infix}-table { display: table !important; }
|
2017-10-02 21:57:30 -04:00
|
|
|
.d#{$infix}-table-row { display: table-row !important; }
|
2016-11-28 16:23:59 -05:00
|
|
|
.d#{$infix}-table-cell { display: table-cell !important; }
|
|
|
|
.d#{$infix}-flex { display: flex !important; }
|
2016-12-23 14:23:22 -05:00
|
|
|
.d#{$infix}-inline-flex { display: inline-flex !important; }
|
2016-11-01 00:27:56 -04:00
|
|
|
}
|
2016-04-02 17:11:18 -04:00
|
|
|
}
|
2017-03-03 15:58:57 -05:00
|
|
|
|
|
|
|
|
|
|
|
//
|
|
|
|
// Utilities for toggling `display` in print
|
|
|
|
//
|
|
|
|
|
|
|
|
.d-print-block {
|
|
|
|
display: none !important;
|
|
|
|
|
|
|
|
@media print {
|
|
|
|
display: block !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.d-print-inline {
|
|
|
|
display: none !important;
|
|
|
|
|
|
|
|
@media print {
|
|
|
|
display: inline !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.d-print-inline-block {
|
|
|
|
display: none !important;
|
|
|
|
|
|
|
|
@media print {
|
|
|
|
display: inline-block !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.d-print-none {
|
|
|
|
@media print {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
}
|