UNPKG

1.41 kBSCSSView Raw
1// stylelint-disable declaration-no-important
2
3//
4// Utilities for common `display` values
5//
6
7@each $breakpoint in map-keys($grid-breakpoints) {
8 @include media-breakpoint-up($breakpoint) {
9 $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
10
11 .d#{$infix}-none { display: none !important; }
12 .d#{$infix}-inline { display: inline !important; }
13 .d#{$infix}-inline-block { display: inline-block !important; }
14 .d#{$infix}-block { display: block !important; }
15 .d#{$infix}-table { display: table !important; }
16 .d#{$infix}-table-row { display: table-row !important; }
17 .d#{$infix}-table-cell { display: table-cell !important; }
18 .d#{$infix}-flex { display: flex !important; }
19 .d#{$infix}-inline-flex { display: inline-flex !important; }
20 }
21}
22
23
24//
25// Utilities for toggling `display` in print
26//
27
28@media print {
29 .d-print-none { display: none !important; }
30 .d-print-inline { display: inline !important; }
31 .d-print-inline-block { display: inline-block !important; }
32 .d-print-block { display: block !important; }
33 .d-print-table { display: table !important; }
34 .d-print-table-row { display: table-row !important; }
35 .d-print-table-cell { display: table-cell !important; }
36 .d-print-flex { display: flex !important; }
37 .d-print-inline-flex { display: inline-flex !important; }
38}