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/layouts/_form.scss | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

(limited to 'src/layouts/_form.scss')

diff --git a/src/layouts/_form.scss b/src/layouts/_form.scss
index 0bb9d4a..4ccf334 100644
--- a/src/layouts/_form.scss
+++ b/src/layouts/_form.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 *;
 
@@ -9,49 +9,49 @@
 @mixin styles {
     @include materialize-at-root(meta.module-variables('vars'));
 
-    @include iro.bem-layout('form') {
+    @include bem.layout('form') {
         display:        flex;
         flex-direction: column;
         gap:            props.get(vars.$item-spacing-b) props.get(vars.$label-spacing-i);
 
-        @include iro.bem-elem('item') {
+        @include bem.elem('item') {
             display: block;
         }
         
-        @include iro.bem-elem('item-content') {
-            @include iro.bem-modifier('align-start') {
+        @include bem.elem('item-content') {
+            @include bem.modifier('align-start') {
                 align-self: start;
             }
         }
 
-        @include iro.bem-modifier('row') {
+        @include bem.modifier('row') {
             flex-direction: row;
             align-items:    flex-end;
         }
 
-        @include iro.bem-modifier('labels-start', 'labels-end') {
+        @include bem.modifier('labels-start', 'labels-end') {
             display:               grid;
             grid-template-rows:    auto;
             grid-template-columns: auto 1fr;
             align-items:           baseline;
 
-            @include iro.bem-elem('item') {
+            @include bem.elem('item') {
                 display: contents;
             }
         
-            @include iro.bem-elem('item-label') {
+            @include bem.elem('item-label') {
                 grid-column:        1;
                 padding-inline-end: 0;
             }
         
-            @include iro.bem-elem('item-content') {
+            @include bem.elem('item-content') {
                 grid-column:        2;
                 margin-block-start: 0;
             }
         }
 
-        @include iro.bem-modifier('labels-end') {
-            @include iro.bem-elem('item-label') {
+        @include bem.modifier('labels-end') {
+            @include bem.elem('item-label') {
                 text-align: end;
             }
         }
-- 
cgit v1.3.1