|
0
|
1 //
|
|
|
2 // Utilities for common `display` values
|
|
|
3 //
|
|
|
4
|
|
|
5 @each $breakpoint in map-keys($grid-breakpoints) {
|
|
|
6 @include media-breakpoint-up($breakpoint) {
|
|
|
7 $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
|
|
8
|
|
|
9 .d#{$infix}-none { display: none !important; }
|
|
|
10 .d#{$infix}-inline { display: inline !important; }
|
|
|
11 .d#{$infix}-inline-block { display: inline-block !important; }
|
|
|
12 .d#{$infix}-block { display: block !important; }
|
|
|
13 .d#{$infix}-table { display: table !important; }
|
|
|
14 .d#{$infix}-table-cell { display: table-cell !important; }
|
|
|
15 .d#{$infix}-flex { display: flex !important; }
|
|
|
16 .d#{$infix}-inline-flex { display: inline-flex !important; }
|
|
|
17 }
|
|
|
18 }
|
|
|
19
|
|
|
20
|
|
|
21 //
|
|
|
22 // Utilities for toggling `display` in print
|
|
|
23 //
|
|
|
24
|
|
|
25 .d-print-block {
|
|
|
26 display: none !important;
|
|
|
27
|
|
|
28 @media print {
|
|
|
29 display: block !important;
|
|
|
30 }
|
|
|
31 }
|
|
|
32
|
|
|
33 .d-print-inline {
|
|
|
34 display: none !important;
|
|
|
35
|
|
|
36 @media print {
|
|
|
37 display: inline !important;
|
|
|
38 }
|
|
|
39 }
|
|
|
40
|
|
|
41 .d-print-inline-block {
|
|
|
42 display: none !important;
|
|
|
43
|
|
|
44 @media print {
|
|
|
45 display: inline-block !important;
|
|
|
46 }
|
|
|
47 }
|
|
|
48
|
|
|
49 .d-print-none {
|
|
|
50 @media print {
|
|
|
51 display: none !important;
|
|
|
52 }
|
|
|
53 }
|
