1 files changed, 24 insertions, 22 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') {