resources/tools/dash/app/pal/static/sass/bootstrap/utilities/_api.scss

   1 // Loop over each breakpoint
   2 @each $breakpoint in map-keys($grid-breakpoints) {
   3
   4   // Generate media query if needed
   5   @include media-breakpoint-up($breakpoint) {
   6     $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
   7
   8     // Loop over each utility property
   9     @each $key, $utility in $utilities {
  10       // The utility can be disabled with `false`, thus check if the utility is a map first
  11       // Only proceed if responsive media queries are enabled or if it's the base media query
  12       @if type-of($utility) == "map" and (map-get($utility, responsive) or $infix == "") {
  13         @include generate-utility($utility, $infix);
  14       }
  15     }
  16   }
  17 }
  18
  19 // RFS rescaling
  20 @media (min-width: $rfs-mq-value) {
  21   @each $breakpoint in map-keys($grid-breakpoints) {
  22     $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
  23
  24     @if (map-get($grid-breakpoints, $breakpoint) < $rfs-breakpoint) {
  25       // Loop over each utility property
  26       @each $key, $utility in $utilities {
  27         // The utility can be disabled with `false`, thus check if the utility is a map first
  28         // Only proceed if responsive media queries are enabled or if it's the base media query
  29         @if type-of($utility) == "map" and map-get($utility, rfs) and (map-get($utility, responsive) or $infix == "") {
  30           @include generate-utility($utility, $infix, true);
  31         }
  32       }
  33     }
  34   }
  35 }
  36
  37
  38 // Print utilities
  39 @media print {
  40   @each $key, $utility in $utilities {
  41     // The utility can be disabled with `false`, thus check if the utility is a map first
  42     // Then check if the utility needs print styles
  43     @if type-of($utility) == "map" and map-get($utility, print) == true {
  44       @include generate-utility($utility, "-print");
  45     }
  46   }
  47 }