From 7b57289f6b86e4ee416008f1666deac0c0eabc76 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Fri, 5 Jul 2024 08:08:44 +0200
Subject: Fix lightbox

---
 src/_utils.scss | 46 ++++++++++++++++++++++++----------------------
 1 file changed, 24 insertions(+), 22 deletions(-)

(limited to 'src/_utils.scss')

diff --git a/src/_utils.scss b/src/_utils.scss
index b319c4b..66058aa 100644
--- a/src/_utils.scss
+++ b/src/_utils.scss
@@ -123,28 +123,30 @@ $sizes: 0 10 50 75 100 125 200 400 700 800 !default;
     color: fn.color(--text-mute-more);
 }
 
-@include iro.bem-utility('is-100') {
-    inline-size: 100%;
-}
-
-@include iro.bem-utility('is-75') {
-    inline-size: 75%;
-}
-
-@include iro.bem-utility('is-50') {
-    inline-size: 50%;
-}
-
-@include iro.bem-utility('is-25') {
-    inline-size: 25%;
-}
-
-@include iro.bem-utility('is-1px') {
-    inline-size: 1px;
-}
-
-@include iro.bem-utility('is-0') {
-    inline-size: 0;
+@each $dir, $prop in (is: inline-size, bs: block-size) {
+    @include iro.bem-utility('#{$dir}-100') {
+        #{$prop}: 100%;
+    }
+    
+    @include iro.bem-utility('#{$dir}-75') {
+        #{$prop}: 75%;
+    }
+    
+    @include iro.bem-utility('#{$dir}-50') {
+        #{$prop}: 50%;
+    }
+    
+    @include iro.bem-utility('#{$dir}-25') {
+        #{$prop}: 25%;
+    }
+    
+    @include iro.bem-utility('#{$dir}-1px') {
+        #{$prop}: 1px;
+    }
+    
+    @include iro.bem-utility('#{$dir}-0') {
+        #{$prop}: 0;
+    }
 }
 
 @include iro.bem-utility('elp') {
-- 
cgit v1.2.3-70-g09d2