From 5855a6821cf5585378a70f9bee13563bdbfe2d86 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 22 Oct 2024 08:23:33 +0200 Subject: Less broad imports --- src/objects/_field-label.scss | 34 +++++++++++++++++----------------- 1 file changed, 17 insertions(+), 17 deletions(-) (limited to 'src/objects/_field-label.scss') diff --git a/src/objects/_field-label.scss b/src/objects/_field-label.scss index 8c275ee..9f87a20 100644 --- a/src/objects/_field-label.scss +++ b/src/objects/_field-label.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,10 +9,10 @@ @mixin styles { @include materialize-at-root(meta.module-variables('vars')); - @include iro.bem-object('field-label') { + @include bem.object('field-label') { display: block; - @include iro.bem-elem('label') { + @include bem.elem('label') { display: block; flex: 0 0 auto; padding-inline-end: props.get(vars.$spacing-i); @@ -21,56 +21,56 @@ line-height: 1.3; color: props.get(vars.$label-color); - @include iro.bem-next-elem('content') { + @include bem.next-elem('content') { margin-block-start: props.get(vars.$spacing-b); } } - @include iro.bem-elem('content') { + @include bem.elem('content') { display: block; flex: 1 1 auto; } - @include iro.bem-elem('hint') { + @include bem.elem('hint') { display: block; margin-block-start: props.get(vars.$spacing-b); font-size: props.get(vars.$hint-font-size); color: props.get(vars.$hint-color); } - @include iro.bem-is('invalid') { - @include iro.bem-elem('hint') { + @include bem.is('invalid') { + @include bem.elem('hint') { color: props.get(vars.$error-hint-color); } } - @include iro.bem-is('disabled') { - @include iro.bem-elem('label', 'hint') { + @include bem.is('disabled') { + @include bem.elem('label', 'hint') { color: props.get(vars.$disabled-color); } } - @include iro.bem-modifier('align-start', 'align-end') { + @include bem.modifier('align-start', 'align-end') { display: flex; align-items: baseline; - @include iro.bem-elem('label') { + @include bem.elem('label') { display: inline-block; - @include iro.bem-next-elem('content') { + @include bem.next-elem('content') { margin-block-start: 0; } } } - @include iro.bem-modifier('align-start') { - @include iro.bem-elem('label') { + @include bem.modifier('align-start') { + @include bem.elem('label') { text-align: start; } } - @include iro.bem-modifier('align-end') { - @include iro.bem-elem('label') { + @include bem.modifier('align-end') { + @include bem.elem('label') { text-align: end; } } -- cgit v1.2.3-70-g09d2