bootstrap-4-grid-styl/stylus/bootstrap/utilities/_display.styl

Bootstrap 4 grid system and layout utilities using Stylus

// stylelint-disable declaration-no-important

//
// Utilities for common `display` values
//

for $breakpoint in keys($grid-breakpoints)
  $infix = breakpoint-infix($breakpoint, $grid-breakpoints)
  +media-breakpoint-up($breakpoint)
    .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