Less broad imports

1 files changed, 10 insertions, 10 deletions

diff --git a/src/objects/_side-nav.scss b/src/objects/_side-nav.scss
index c1e984f..9488bec 100644
--- a/src/objects/_side-nav.scss
+++ b/src/objects/_side-nav.scss
@@ -1,5 +1,5 @@
 @use 'sass:meta';
-@use 'iro-sass/src/iro-sass' as iro;
+@use 'iro-sass/src/bem' as bem;
 @use 'iro-sass/src/props';
 @use '../props' as *;
 @use 'icon.vars' as icon;
@@ -10,12 +10,12 @@
 @mixin styles {
     @include materialize-at-root(meta.module-variables('vars'));
 
-    @include iro.bem-object('side-nav') {
+    @include bem.object('side-nav') {
         display:        flex;
         flex-direction: column;
         gap:            props.get(vars.$spacing);
 
-        @include iro.bem-elem('header') {
+        @include bem.elem('header') {
             padding-block:  props.get(vars.$item--pad-b);
             padding-inline: props.get(vars.$item--pad-i);
             font-size:      props.get(vars.$header--font-size);
@@ -24,12 +24,12 @@
             text-transform: uppercase;
             letter-spacing: .5px;
 
-            @include iro.bem-next-twin-elem {
+            @include bem.next-twin-elem {
                 margin-block-start: calc(props.get(vars.$separator) + props.get(vars.$spacing));
             }
         }
 
-        @include iro.bem-elem('item') {
+        @include bem.elem('item') {
             padding-block:   props.get(vars.$item--pad-b);
             padding-inline:  props.get(vars.$item--pad-i);
             margin:          calc(-1 * props.get(vars.$item--key-focus--border-offset));
@@ -43,7 +43,7 @@
             &:enabled {
                 color: currentColor;
 
-                @include iro.bem-multi('&:hover, &:focus-visible', 'is' 'selected') {
+                @include bem.multi('&:hover, &:focus-visible', 'is' 'selected') {
                     color:            props.get(vars.$item--hover--label-color);
                     background-color: props.get(vars.$item--hover--bg-color);
                 }
@@ -64,12 +64,12 @@
                 }
             }
 
-            @include iro.bem-next-elem('header') {
+            @include bem.next-elem('header') {
                 margin-block-start: calc(props.get(vars.$separator) + props.get(vars.$spacing));
             }
         }
 
-        @include iro.bem-elem('header') {
+        @include bem.elem('header') {
             &:link,
             &:visited,
             &:enabled {
@@ -77,11 +77,11 @@
             }
         }
 
-        @include iro.bem-elem('separator') {
+        @include bem.elem('separator') {
             block-size: props.get(vars.$separator);
         }
 
-        @include iro.bem-elem('icon-slot') {
+        @include bem.elem('icon-slot') {
             display:         flex;
             justify-content: center;
             inline-size:     props.get(icon.$size);