_display.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. // stylelint-disable declaration-no-important
  2. //
  3. // Utilities for common `display` values
  4. //
  5. @each $breakpoint in map-keys($grid-breakpoints) {
  6. @include media-breakpoint-up($breakpoint) {
  7. $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
  8. .d#{$infix}-none { display: none !important; }
  9. .d#{$infix}-inline { display: inline !important; }
  10. .d#{$infix}-inline-block { display: inline-block !important; }
  11. .d#{$infix}-block { display: block !important; }
  12. .d#{$infix}-table { display: table !important; }
  13. .d#{$infix}-table-row { display: table-row !important; }
  14. .d#{$infix}-table-cell { display: table-cell !important; }
  15. .d#{$infix}-flex { display: flex !important; }
  16. .d#{$infix}-inline-flex { display: inline-flex !important; }
  17. }
  18. }
  19. //
  20. // Utilities for toggling `display` in print
  21. //
  22. @media print {
  23. .d-print-none { display: none !important; }
  24. .d-print-inline { display: inline !important; }
  25. .d-print-inline-block { display: inline-block !important; }
  26. .d-print-block { display: block !important; }
  27. .d-print-table { display: table !important; }
  28. .d-print-table-row { display: table-row !important; }
  29. .d-print-table-cell { display: table-cell !important; }
  30. .d-print-flex { display: flex !important; }
  31. .d-print-inline-flex { display: inline-flex !important; }
  32. }