diff options
| author | Martijn Cuppens <[email protected]> | 2018-12-29 03:54:58 +0100 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2018-12-29 04:54:58 +0200 |
| commit | c0dfda964fb6e283c778570ce0556e4f01e2817f (patch) | |
| tree | 1a77f623f471b8d6249e80c64c55eab4bd353aa4 /scss/utilities | |
| parent | 952374654ce7a7751dbf1a430f4c3f79e3d4fe48 (diff) | |
| download | bootstrap-c0dfda964fb6e283c778570ce0556e4f01e2817f.tar.xz bootstrap-c0dfda964fb6e283c778570ce0556e4f01e2817f.zip | |
Configurable display utility classes (#27917)
Diffstat (limited to 'scss/utilities')
| -rw-r--r-- | scss/utilities/_display.scss | 24 |
1 files changed, 6 insertions, 18 deletions
diff --git a/scss/utilities/_display.scss b/scss/utilities/_display.scss index 20aeeb5f3..130367998 100644 --- a/scss/utilities/_display.scss +++ b/scss/utilities/_display.scss @@ -8,15 +8,9 @@ @include media-breakpoint-up($breakpoint) { $infix: breakpoint-infix($breakpoint, $grid-breakpoints); - .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; } - .d#{$infix}-table-row { display: table-row !important; } - .d#{$infix}-table-cell { display: table-cell !important; } - .d#{$infix}-flex { display: flex !important; } - .d#{$infix}-inline-flex { display: inline-flex !important; } + @each $value in $displays { + .d#{$infix}-#{$value} { display: $value !important; } + } } } @@ -26,13 +20,7 @@ // @media print { - .d-print-none { display: none !important; } - .d-print-inline { display: inline !important; } - .d-print-inline-block { display: inline-block !important; } - .d-print-block { display: block !important; } - .d-print-table { display: table !important; } - .d-print-table-row { display: table-row !important; } - .d-print-table-cell { display: table-cell !important; } - .d-print-flex { display: flex !important; } - .d-print-inline-flex { display: inline-flex !important; } + @each $value in $displays { + .d-print-#{$value} { display: $value !important; } + } } |