diff options
| author | Martijn Cuppens <martijn.cuppens@gmail.com> | 2018-12-29 05:54:58 +0300 |
|---|---|---|
| committer | XhmikosR <xhmikosr@gmail.com> | 2018-12-29 05:54:58 +0300 |
| commit | c0dfda964fb6e283c778570ce0556e4f01e2817f (patch) | |
| tree | 1a77f623f471b8d6249e80c64c55eab4bd353aa4 /scss | |
| parent | 952374654ce7a7751dbf1a430f4c3f79e3d4fe48 (diff) | |
Configurable display utility classes (#27917)
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_variables.scss | 1 | ||||
| -rw-r--r-- | scss/utilities/_display.scss | 24 |
2 files changed, 7 insertions, 18 deletions
diff --git a/scss/_variables.scss b/scss/_variables.scss index 205bb327ae..acb7ae0814 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -1090,6 +1090,7 @@ $pre-scrollable-max-height: 340px !default; // Utilities +$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default; $overflows: auto, hidden !default; $positions: static, relative, absolute, fixed, sticky !default; diff --git a/scss/utilities/_display.scss b/scss/utilities/_display.scss index 20aeeb5f3e..130367998f 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; } + } } |