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/utilities | |
parent | 952374654ce7a7751dbf1a430f4c3f79e3d4fe48 (diff) |
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 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; } + } } |