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/_switch.scss | 44 ++++++++++++++++++++++----------------------
 1 file changed, 22 insertions(+), 22 deletions(-)

(limited to 'src/objects/_switch.scss')

diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss
index f368229..15d75b9 100644
--- a/src/objects/_switch.scss
+++ b/src/objects/_switch.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 '../core.vars' as core;
@@ -10,7 +10,7 @@
 @mixin styles {
     @include materialize-at-root(meta.module-variables('vars'));
 
-    @include iro.bem-object('switch') {
+    @include bem.object('switch') {
         position:       relative;
         display:        inline-block;
         padding-block:  props.get(vars.$pad-b);
@@ -19,7 +19,7 @@
             calc(-1 * props.get(vars.$pad-i) - props.get(vars.$key-focus--border-offset))
             calc(props.get(vars.$spacing-sibling) - props.get(vars.$pad-i) - props.get(vars.$key-focus--border-offset));
     
-        @include iro.bem-elem('indicator') {
+        @include bem.elem('indicator') {
             display:            inline-block;
             flex:               0 0 auto;
             inline-size:        props.get(vars.$inline-size);
@@ -44,11 +44,11 @@
             }
         }
     
-        @include iro.bem-elem('label') {
+        @include bem.elem('label') {
             margin-inline-start: props.get(vars.$label-gap);
         }
     
-        @include iro.bem-elem('native') {
+        @include bem.elem('native') {
             position:           absolute;
             inset-block-start:  0;
             inset-inline-start: 0;
@@ -63,11 +63,11 @@
     
             &:hover,
             &:focus-visible {
-                @include iro.bem-sibling-elem('label') {
+                @include bem.sibling-elem('label') {
                     color: props.get(vars.$hover--label-color);
                 }
     
-                @include iro.bem-sibling-elem('indicator') {
+                @include bem.sibling-elem('indicator') {
                     &::after {
                         border-color: props.get(vars.$hover--handle-border-color);
                     }
@@ -75,7 +75,7 @@
             }
     
             &:checked {
-                @include iro.bem-sibling-elem('indicator') {
+                @include bem.sibling-elem('indicator') {
                     background-color: props.get(vars.$handle-border-color);
     
                     &::after {
@@ -86,7 +86,7 @@
     
                 &:hover,
                 &:focus-visible {
-                    @include iro.bem-sibling-elem('indicator') {
+                    @include bem.sibling-elem('indicator') {
                         background-color: props.get(vars.$hover--handle-border-color);
 
                         &::after {
@@ -97,11 +97,11 @@
             }
     
             &:disabled {
-                @include iro.bem-sibling-elem('label') {
+                @include bem.sibling-elem('label') {
                     color: props.get(vars.$disabled--label-color);
                 }
     
-                @include iro.bem-sibling-elem('indicator') {
+                @include bem.sibling-elem('indicator') {
                     background-color: props.get(vars.$disabled--track-bg-color);
     
                     &::after {
@@ -111,7 +111,7 @@
                 }
     
                 &:checked {
-                    @include iro.bem-sibling-elem('indicator') {
+                    @include bem.sibling-elem('indicator') {
                         background-color: props.get(vars.$disabled--handle-border-color);
     
                         &::after {
@@ -122,11 +122,11 @@
             }
     
             &:focus-visible {
-                @include iro.bem-sibling-elem('label') {
+                @include bem.sibling-elem('label') {
                     color: props.get(vars.$key-focus--label-color);
                 }
 
-                @include iro.bem-sibling-elem('indicator') {
+                @include bem.sibling-elem('indicator') {
                     outline:    props.get(vars.$key-focus--border-color) solid props.get(vars.$key-focus--border-width);
                     box-shadow:
                         0 
@@ -138,16 +138,16 @@
             }
         }
     
-        @include iro.bem-modifier('standalone') {
-            @include iro.bem-elem('indicator') {
+        @include bem.modifier('standalone') {
+            @include bem.elem('indicator') {
                 margin-block-start: 0;
             }
         }
     
-        @include iro.bem-modifier('accent') {
-            @include iro.bem-elem('native') {
+        @include bem.modifier('accent') {
+            @include bem.elem('native') {
                 &:checked {
-                    @include iro.bem-sibling-elem('indicator') {
+                    @include bem.sibling-elem('indicator') {
                         background-color: props.get(vars.$accent--handle-border-color);
         
                         &::after {
@@ -157,7 +157,7 @@
         
                     &:hover,
                     &:focus-visible {
-                        @include iro.bem-sibling-elem('indicator') {
+                        @include bem.sibling-elem('indicator') {
                             background-color: props.get(vars.$accent--hover--handle-border-color);
     
                             &::after {
@@ -168,12 +168,12 @@
                 }
         
                 &:disabled {
-                    @include iro.bem-sibling-elem('label') {
+                    @include bem.sibling-elem('label') {
                         color: props.get(vars.$disabled--label-color);
                     }
 
                     &:checked {
-                        @include iro.bem-sibling-elem('indicator') {
+                        @include bem.sibling-elem('indicator') {
                             background-color: props.get(vars.$disabled--handle-border-color);
 
                             &::after {
-- 
cgit v1.3.1