Fix lightbox

2 files changed, 24 insertions, 23 deletions

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') {
diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss
index 252e38a..8b51d4b 100644
--- a/src/objects/_lightbox.scss
+++ b/src/objects/_lightbox.scss
@@ -105,7 +105,6 @@ $static-themes: 'black' 'white' !default;
             'thumbnails thumbnails thumbnails'
             'footer     footer     footer';
         box-sizing:            border-box;
-        block-size:            100%;
         min-block-size:        0;
 
         @include iro.bem-elem('header') {