Add aspect-ratio utils

1 files changed, 12 insertions, 0 deletions

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;