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/_card.scss | 46 +++++++++++++++++++++++-----------------------
 1 file changed, 23 insertions(+), 23 deletions(-)

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

diff --git a/src/objects/_card.scss b/src/objects/_card.scss
index d92237b..a085491 100644
--- a/src/objects/_card.scss
+++ b/src/objects/_card.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 'avatar.vars' as avatar;
@@ -10,7 +10,7 @@
 @mixin styles {
     @include materialize-at-root(meta.module-variables('vars'));
 
-    @include iro.bem-object('card') {
+    @include bem.object('card') {
         position:         relative;
         display:          flex;
         flex-direction:   column;
@@ -21,14 +21,14 @@
         border-radius:    calc(props.get(vars.$rounding) + props.get(vars.$key-focus--border-offset));
         transition:       transform .2s;
 
-        @include iro.bem-multi('&:link, &:visited, &:enabled', 'modifier' 'interactive') {
+        @include bem.multi('&:link, &:visited, &:enabled', 'modifier' 'interactive') {
             &:hover,
             &:active,
             &:focus-visible {
                 transform: translateY(props.get(vars.$hover--offset-b));
 
-                @include iro.bem-elem('body') {
-                    @include iro.bem-modifier('hidden') {
+                @include bem.elem('body') {
+                    @include bem.modifier('hidden') {
                         visibility: visible;
                         opacity:    1;
                         transition:
@@ -49,12 +49,12 @@
             }
         }
 
-        @include iro.bem-elem('avatar') {
+        @include bem.elem('avatar') {
             margin-block-start:  props.get(vars.$pad-b);
             margin-inline-start: props.get(vars.$pad-i);
         }
 
-        @include iro.bem-elem('image') {
+        @include bem.elem('image') {
             display:     block;
             flex:        0 0 auto;
             inline-size: 100%;
@@ -71,12 +71,12 @@
                 border-end-end-radius:   props.get(vars.$rounding);
             }
 
-            @include iro.bem-next-elem('avatar') {
+            @include bem.next-elem('avatar') {
                 margin-block-start: calc(-.7 * props.get(avatar.$size--xl));
             }
         }
 
-        @include iro.bem-elem('body') {
+        @include bem.elem('body') {
             flex:            1 0 auto;
             padding-block:   props.get(vars.$pad-b);
             padding-inline:  props.get(vars.$pad-i);
@@ -87,7 +87,7 @@
                 content:       '';
             }
 
-            @include iro.bem-modifier('hidden') {
+            @include bem.modifier('hidden') {
                 position:                absolute;
                 inset-block-end:         0;
                 inset-inline:            0;
@@ -101,18 +101,18 @@
                     opacity .2s ease,
                     visibility 0s .2s linear;
 
-                @include iro.bem-next-elem('image') {
+                @include bem.next-elem('image') {
                     border-start-start-radius: props.get(vars.$rounding);
                     border-start-end-radius:   props.get(vars.$rounding);
                 }
             }
         }
 
-        @include iro.bem-elem('content') {
+        @include bem.elem('content') {
             margin-block-start: props.get(vars.$spacing);
         }
 
-        @include iro.bem-elem('footer') {
+        @include bem.elem('footer') {
             flex:               0 0 auto;
             padding-block:      0 props.get(vars.$pad-b);
             padding-inline:     props.get(vars.$pad-i);
@@ -127,18 +127,18 @@
             }
         }
 
-        @include iro.bem-modifier('quiet') {
+        @include bem.modifier('quiet') {
             position:         relative;
             background-color: transparent;
             border:           0;
 
-            @include iro.bem-multi('&:link, &:visited, &:enabled', 'modifier' 'interactive') {
+            @include bem.multi('&:link, &:visited, &:enabled', 'modifier' 'interactive') {
                 &:hover,
                 &:active,
                 &:focus-visible {
                     transform: none;
 
-                    @include iro.bem-elem('image') {
+                    @include bem.elem('image') {
                         background-color: props.get(vars.$quiet--hover--image-color);
                         opacity:          .75;
                         transform:        translateY(props.get(vars.$hover--offset-b));
@@ -149,7 +149,7 @@
                     outline:    none;
                     box-shadow: none;
 
-                    @include iro.bem-elem('image') {
+                    @include bem.elem('image') {
                         background-color: props.get(vars.$quiet--hover--image-color);
                         outline:          props.get(vars.$key-focus--border-color) solid props.get(vars.$key-focus--border-width);
                         box-shadow:
@@ -163,7 +163,7 @@
                 }
             }
 
-            @include iro.bem-elem('image') {
+            @include bem.elem('image') {
                 position:         relative;
                 margin:           calc(-1 * props.get(vars.$key-focus--border-width));
                 background-color: props.get(vars.$quiet--image-color);
@@ -172,24 +172,24 @@
                 border-radius:    calc(props.get(vars.$rounding) + props.get(vars.$key-focus--border-offset));
             }
 
-            @include iro.bem-elem('body') {
+            @include bem.elem('body') {
                 padding:             0;
                 padding-block-start: props.get(vars.$spacing);
             }
 
-            @include iro.bem-elem('footer') {
+            @include bem.elem('footer') {
                 padding-inline: 0;
             }
         }
 
-        @include iro.bem-modifier('horizontal') {
+        @include bem.modifier('horizontal') {
             flex-direction: row;
             align-items:    center;
 
-            @include iro.bem-elem('body') {
+            @include bem.elem('body') {
                 flex: 0 0 auto;
 
-                @include iro.bem-modifier('main') {
+                @include bem.modifier('main') {
                     flex-shrink:     1;
                     inline-size:     100%;
                     min-inline-size: 0;
-- 
cgit v1.3.1