From 3ff6eeb504a19b47cddaf050739922f60efbb74b Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 8 Mar 2026 07:32:25 +0100 Subject: Add aspect-ratio utils --- src/_utils.scss | 12 ++++++++++++ 1 file changed, 12 insertions(+) (limited to 'src/_utils.scss') diff --git a/src/_utils.scss b/src/_utils.scss index 1e48194..ad7139d 100644 --- a/src/_utils.scss +++ b/src/_utils.scss @@ -47,6 +47,12 @@ $-font-sizes: ( 300: vars.$font-size--300, ) !default; +$-aspect-ratios: ( + '1\\/1': 1 / 1, + '4\\/3': 4 / 3, + '5\\/3': 4 / 4, +) !default; + @mixin styles { @include bem.utility('d-block') { display: block; @@ -389,6 +395,12 @@ $-font-sizes: ( } } + @each $mod, $value in $-aspect-ratios { + @include bem.utility('ar-#{$mod}') { + aspect-ratio: $value; + } + } + @include bem.utility('sr-only') { position: absolute; width: 1px; -- cgit v1.2.3-70-g09d2