_api.scss 660 B

123456789101112131415161718
  1. // Loop over each breakpoint
  2. @each $breakpoint in map-keys($grid-breakpoints) {
  3. // Generate media query if needed
  4. @include media-breakpoint-up($breakpoint) {
  5. $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
  6. // Loop over each utility property
  7. @each $key, $utility in $utilities-alt {
  8. // The utility can be disabled with `false`, thus check if the utility is a map first
  9. // Only proceed if responsive media queries are enabled or if it's the base media query
  10. @if type-of($utility) == "map" and (map-get($utility, responsive) or $infix == "") {
  11. @include generate-utility($utility, $infix);
  12. }
  13. }
  14. }
  15. }