bootstrap/utilities/_api.scss

0001 // Loop over each breakpoint
0002 @each $breakpoint in map-keys($grid-breakpoints) {
0003
0004   // Generate media query if needed
0005   @include media-breakpoint-up($breakpoint) {
0006     $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
0007
0008     // Loop over each utility property
0009     @each $key, $utility in $utilities {
0010       // The utility can be disabled with `false`, thus check if the utility is a map first
0011       // Only proceed if responsive media queries are enabled or if it's the base media query
0012       @if type-of($utility) == "map" and (map-get($utility, responsive) or $infix == "") {
0013         @include generate-utility($utility, $infix);
0014       }
0015     }
0016   }
0017 }
0018
0019 // RFS rescaling
0020 @media (min-width: $rfs-mq-value) {
0021   @each $breakpoint in map-keys($grid-breakpoints) {
0022     $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
0023
0024     @if (map-get($grid-breakpoints, $breakpoint) < $rfs-breakpoint) {
0025       // Loop over each utility property
0026       @each $key, $utility in $utilities {
0027         // The utility can be disabled with `false`, thus check if the utility is a map first
0028         // Only proceed if responsive media queries are enabled or if it's the base media query
0029         @if type-of($utility) == "map" and map-get($utility, rfs) {
0030           @include generate-utility($utility, $infix, true);
0031         }
0032       }
0033     }
0034   }
0035 }
0036
0037
0038 // Print utilities
0039 @media print {
0040   @each $key, $utility in $utilities {
0041     // The utility can be disabled with `false`, thus check if the utility is a map first
0042     // Then check if the utility needs print styles
0043     @if type-of($utility) == "map" and map-get($utility, print) == true {
0044       @include generate-utility($utility, "-print");
0045     }
0046   }
0047 }