portal-FE-common/src/styles/bootstrap/utilities/_display.scss

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