diff options
author | Arvind <heyarviind@gmail.com> | 2018-06-28 07:36:35 +0300 |
---|---|---|
committer | Arvind <heyarviind@gmail.com> | 2018-06-28 07:36:35 +0300 |
commit | 623503731b5c9916611b0aab782a5c115a86ad23 (patch) | |
tree | 3e290c7f9766e9ac34862aad1587a7afff96ea46 /scss/utilities/_display.scss |
first commit
Diffstat (limited to 'scss/utilities/_display.scss')
-rwxr-xr-x | scss/utilities/_display.scss | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/scss/utilities/_display.scss b/scss/utilities/_display.scss new file mode 100755 index 0000000..20aeeb5 --- /dev/null +++ b/scss/utilities/_display.scss @@ -0,0 +1,38 @@ +// stylelint-disable declaration-no-important + +// +// Utilities for common `display` values +// + +@each $breakpoint in map-keys($grid-breakpoints) { + @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; } + } +} + + +// +// Utilities for toggling `display` in print +// + +@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; } +} |