From 5855a6821cf5585378a70f9bee13563bdbfe2d86 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Tue, 22 Oct 2024 08:23:33 +0200
Subject: Less broad imports

---
 src/_utils.scss | 102 ++++++++++++++++++++++++++++----------------------------
 1 file changed, 51 insertions(+), 51 deletions(-)

(limited to 'src/_utils.scss')

diff --git a/src/_utils.scss b/src/_utils.scss
index a96666d..132e8bf 100644
--- a/src/_utils.scss
+++ b/src/_utils.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'iro-sass/src/iro-sass' as iro;
+@use 'iro-sass/src/bem' as bem;
 @use 'iro-sass/src/props';
 @use 'include-media/dist/include-media' as media;
 
@@ -32,216 +32,216 @@ $-sizes: (
 ) !default;
 
 @mixin styles {
-    @include iro.bem-utility('d-block') {
+    @include bem.utility('d-block') {
         display: block;
     }
 
-    @include iro.bem-utility('d-inline-block') {
+    @include bem.utility('d-inline-block') {
         display: inline-block;
     }
 
-    @include iro.bem-utility('d-contents') {
+    @include bem.utility('d-contents') {
         display: contents;
     }
 
-    @include iro.bem-utility('td-none') {
+    @include bem.utility('td-none') {
         text-decoration: none;
     }
 
-    @include iro.bem-utility('d-none') {
+    @include bem.utility('d-none') {
         display: none;
 
         @each $breakpoint in map.keys(media.$breakpoints) {
             @include media.media('<=#{$breakpoint}') {
-                @include iro.bem-suffix('#{$breakpoint}-lo') {
+                @include bem.suffix('#{$breakpoint}-lo') {
                     display: none;
                 }
             }
 
             @include media.media('>#{$breakpoint}') {
-                @include iro.bem-suffix('#{$breakpoint}-hi') {
+                @include bem.suffix('#{$breakpoint}-hi') {
                     display: none;
                 }
             }
         }
 
-        @include iro.bem-at-theme('js') {
-            @include iro.bem-suffix('js') {
+        @include bem.at-theme('js') {
+            @include bem.suffix('js') {
                 display: none;
             }
         }
 
-        @include iro.bem-at-theme('no-js') {
-            @include iro.bem-suffix('no-js') {
+        @include bem.at-theme('no-js') {
+            @include bem.suffix('no-js') {
                 display: none;
             }
         }
 
-        @include iro.bem-suffix('empty') {
+        @include bem.suffix('empty') {
             &:empty {
                 display: none;
             }
         }
     }
 
-    @include iro.bem-utility('ta-start') {
+    @include bem.utility('ta-start') {
         text-align: start;
     }
 
-    @include iro.bem-utility('ta-end') {
+    @include bem.utility('ta-end') {
         text-align: end;
     }
 
-    @include iro.bem-utility('ta-center') {
+    @include bem.utility('ta-center') {
         text-align: center;
     }
 
-    @include iro.bem-utility('fw-normal') {
+    @include bem.utility('fw-normal') {
         font-weight: normal;
     }
 
-    @include iro.bem-utility('ai-center') {
+    @include bem.utility('ai-center') {
         align-items: center;
     }
 
-    @include iro.bem-utility('ai-start') {
+    @include bem.utility('ai-start') {
         align-items: flex-start;
     }
 
-    @include iro.bem-utility('ai-end') {
+    @include bem.utility('ai-end') {
         align-items: flex-end;
     }
 
-    @include iro.bem-utility('jc-center') {
+    @include bem.utility('jc-center') {
         justify-content: center;
     }
 
-    @include iro.bem-utility('jc-start') {
+    @include bem.utility('jc-start') {
         justify-content: flex-start;
     }
 
-    @include iro.bem-utility('jc-end') {
+    @include bem.utility('jc-end') {
         justify-content: flex-end;
     }
 
-    @include iro.bem-utility('tt-upper') {
+    @include bem.utility('tt-upper') {
         text-transform: uppercase;
     }
 
-    @include iro.bem-utility('tt-lower') {
+    @include bem.utility('tt-lower') {
         text-transform: lowercase;
     }
 
-    @include iro.bem-utility('c-heading') {
+    @include bem.utility('c-heading') {
         color: props.get(vars.$theme, --heading);
     }
 
-    @include iro.bem-utility('c-text') {
+    @include bem.utility('c-text') {
         color: props.get(vars.$theme, --text);
     }
 
-    @include iro.bem-utility('c-mute') {
+    @include bem.utility('c-mute') {
         color: props.get(vars.$theme, --text-mute);
     }
 
-    @include iro.bem-utility('c-mute-more') {
+    @include bem.utility('c-mute-more') {
         color: props.get(vars.$theme, --text-mute-more);
     }
 
     @each $dir, $prop in (is: inline-size, bs: block-size) {
-        @include iro.bem-utility('#{$dir}-100') {
+        @include bem.utility('#{$dir}-100') {
             #{$prop}: 100%;
         }
         
-        @include iro.bem-utility('#{$dir}-75') {
+        @include bem.utility('#{$dir}-75') {
             #{$prop}: 75%;
         }
         
-        @include iro.bem-utility('#{$dir}-50') {
+        @include bem.utility('#{$dir}-50') {
             #{$prop}: 50%;
         }
         
-        @include iro.bem-utility('#{$dir}-25') {
+        @include bem.utility('#{$dir}-25') {
             #{$prop}: 25%;
         }
         
-        @include iro.bem-utility('#{$dir}-1px') {
+        @include bem.utility('#{$dir}-1px') {
             #{$prop}: 1px;
         }
         
-        @include iro.bem-utility('#{$dir}-0') {
+        @include bem.utility('#{$dir}-0') {
             #{$prop}: 0;
         }
     }
 
-    @include iro.bem-utility('elp') {
+    @include bem.utility('elp') {
         overflow:      hidden;
         text-overflow: ellipsis;
         white-space:   nowrap;
     }
 
-    @include iro.bem-utility('p-static') {
+    @include bem.utility('p-static') {
         position: static;
     }
 
-    @include iro.bem-utility('p-relative') {
+    @include bem.utility('p-relative') {
         position: relative;
     }
 
-    @include iro.bem-utility('p-fixed') {
+    @include bem.utility('p-fixed') {
         position: fixed;
     }
 
-    @include iro.bem-utility('p-sticky-bs') {
+    @include bem.utility('p-sticky-bs') {
         position:          sticky;
         inset-block-start: 0;
     }
 
     @each $dir, $suffix in $-dirs {
-        @include iro.bem-utility('m#{$dir}-auto') {
+        @include bem.utility('m#{$dir}-auto') {
             margin#{$suffix}: auto;
         }
         
-        @include iro.bem-utility('p#{$dir}-auto') {
+        @include bem.utility('p#{$dir}-auto') {
             padding#{$suffix}: auto;
         }
 
         @each $mod, $size in $-sizes {
-            @include iro.bem-utility('m#{$dir}-#{$mod}') {
+            @include bem.utility('m#{$dir}-#{$mod}') {
                 margin#{$suffix}: props.get($size);
             }
             
-            @include iro.bem-utility('p#{$dir}-#{$mod}') {
+            @include bem.utility('p#{$dir}-#{$mod}') {
                 padding#{$suffix}: props.get($size);
             }
         }
         
-        @include iro.bem-utility('b#{$dir}-0') {
+        @include bem.utility('b#{$dir}-0') {
             border#{$suffix}: 0;
 
-            @include iro.bem-suffix('light') {
+            @include bem.suffix('light') {
                 @media (prefers-color-scheme: light) {
                     border#{$suffix}: 0;
                 }
             }
         
-            @include iro.bem-suffix('dark') {
+            @include bem.suffix('dark') {
                 @media (prefers-color-scheme: dark) {
                     border#{$suffix}: 0;
                 }
             }
         }
         
-        @include iro.bem-utility('b#{$dir}-1') {
+        @include bem.utility('b#{$dir}-1') {
             border#{$suffix}: props.get(vars.$border-width--thin) solid props.get(vars.$theme, --border);
 
-            @include iro.bem-suffix('light') {
+            @include bem.suffix('light') {
                 @media (prefers-color-scheme: light) {
                     border#{$suffix}: props.get(vars.$border-width--thin) solid props.get(vars.$theme, --border);
                 }
             }
         
-            @include iro.bem-suffix('dark') {
+            @include bem.suffix('dark') {
                 @media (prefers-color-scheme: dark) {
                     border#{$suffix}: props.get(vars.$border-width--thin) solid props.get(vars.$theme, --border);
                 }
@@ -249,7 +249,7 @@ $-sizes: (
         }
     }
 
-    @include iro.bem-utility('mbs-neutralize') {
+    @include bem.utility('mbs-neutralize') {
         &::before {
             display:       block;
             margin-block:  -100em 100em;
-- 
cgit v1.3.1