src/scss/bootstrap-4.0.0-alpha.6/scss/utilities/_visibility.scss

   1 //
   2 // Visibility utilities
   3 //
   4
   5 .invisible {
   6   @include invisible();
   7 }
   8
   9 // Responsive visibility utilities
  10
  11 @each $bp in map-keys($grid-breakpoints) {
  12   .hidden-#{$bp}-up {
  13     @include media-breakpoint-up($bp) {
  14       display: none !important;
  15     }
  16   }
  17   .hidden-#{$bp}-down {
  18     @include media-breakpoint-down($bp) {
  19       display: none !important;
  20     }
  21   }
  22 }
  23
  24
  25 // Print utilities
  26 //
  27 // Media queries are placed on the inside to be mixin-friendly.
  28
  29 .visible-print-block {
  30   display: none !important;
  31
  32   @media print {
  33     display: block !important;
  34   }
  35 }
  36 .visible-print-inline {
  37   display: none !important;
  38
  39   @media print {
  40     display: inline !important;
  41   }
  42 }
  43 .visible-print-inline-block {
  44   display: none !important;
  45
  46   @media print {
  47     display: inline-block !important;
  48   }
  49 }
  50
  51 .hidden-print {
  52   @media print {
  53     display: none !important;
  54   }
  55 }