From 86bb29b4d378314bd906248e08198c1952d2f0a4 Mon Sep 17 00:00:00 2001 From: Matthew Lemon Date: Mon, 16 Sep 2024 17:12:15 +0100 Subject: Upgrade to bootstrap 5.3 --- pyblackbird_cc/static/scss/utilities/_api.scss | 47 ++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 pyblackbird_cc/static/scss/utilities/_api.scss (limited to 'pyblackbird_cc/static/scss/utilities/_api.scss') diff --git a/pyblackbird_cc/static/scss/utilities/_api.scss b/pyblackbird_cc/static/scss/utilities/_api.scss new file mode 100644 index 0000000..62e1d39 --- /dev/null +++ b/pyblackbird_cc/static/scss/utilities/_api.scss @@ -0,0 +1,47 @@ +// Loop over each breakpoint +@each $breakpoint in map-keys($grid-breakpoints) { + + // Generate media query if needed + @include media-breakpoint-up($breakpoint) { + $infix: breakpoint-infix($breakpoint, $grid-breakpoints); + + // Loop over each utility property + @each $key, $utility in $utilities { + // The utility can be disabled with `false`, thus check if the utility is a map first + // Only proceed if responsive media queries are enabled or if it's the base media query + @if type-of($utility) == "map" and (map-get($utility, responsive) or $infix == "") { + @include generate-utility($utility, $infix); + } + } + } +} + +// RFS rescaling +@media (min-width: $rfs-mq-value) { + @each $breakpoint in map-keys($grid-breakpoints) { + $infix: breakpoint-infix($breakpoint, $grid-breakpoints); + + @if (map-get($grid-breakpoints, $breakpoint) < $rfs-breakpoint) { + // Loop over each utility property + @each $key, $utility in $utilities { + // The utility can be disabled with `false`, thus check if the utility is a map first + // Only proceed if responsive media queries are enabled or if it's the base media query + @if type-of($utility) == "map" and map-get($utility, rfs) and (map-get($utility, responsive) or $infix == "") { + @include generate-utility($utility, $infix, true); + } + } + } + } +} + + +// Print utilities +@media print { + @each $key, $utility in $utilities { + // The utility can be disabled with `false`, thus check if the utility is a map first + // Then check if the utility needs print styles + @if type-of($utility) == "map" and map-get($utility, print) == true { + @include generate-utility($utility, "-print"); + } + } +} -- cgit v1.2.3