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/objects/_side-nav.scss | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

(limited to 'src/objects/_side-nav.scss')

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);
-- 
cgit v1.3.1