From cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 22 Jul 2026 12:27:09 +0200 Subject: Paths --- src/objects/_field-label.scss | 68 +++++++++++++++++++++---------------------- 1 file changed, 34 insertions(+), 34 deletions(-) (limited to 'src/objects/_field-label.scss') diff --git a/src/objects/_field-label.scss b/src/objects/_field-label.scss index 23875f5..fb664b4 100644 --- a/src/objects/_field-label.scss +++ b/src/objects/_field-label.scss @@ -1,74 +1,74 @@ -@use 'sass:meta'; -@use 'pkg:iro-sass/src/bem'; -@use 'pkg:iro-sass/src/props'; -@use '../props' as *; +@use "sass:meta"; +@use "pkg:iro-sass/bem"; +@use "pkg:iro-sass/props"; +@use "../props" as *; -@forward 'field-label.vars'; -@use 'field-label.vars' as vars; +@forward "field-label.vars"; +@use "field-label.vars" as vars; @mixin styles { - @include materialize-at-root(meta.module-variables('vars')); + @include materialize-at-root(meta.module-variables("vars")); - @include bem.object('field-label') { - @include bem.elem('label') { - display: block; - flex: 0 0 auto; + @include bem.object("field-label") { + @include bem.elem("label") { + display: block; + flex: 0 0 auto; padding-inline-end: props.get(vars.$spacing-i); - font-size: props.get(vars.$label-font-size); - font-weight: 400; - line-height: 1.3; - color: props.get(vars.$label-color); + font-size: props.get(vars.$label-font-size); + font-weight: 400; + line-height: 1.3; + color: props.get(vars.$label-color); - @include bem.next-elem('content') { + @include bem.next-elem("content") { margin-block-start: props.get(vars.$spacing-b); } } - @include bem.elem('content') { + @include bem.elem("content") { display: block; - flex: 1 1 auto; + flex: 1 1 auto; } - @include bem.elem('hint') { - display: block; + @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); + font-size: props.get(vars.$hint-font-size); + color: props.get(vars.$hint-color); } - @include bem.is('invalid') { - @include bem.elem('hint') { + @include bem.is("invalid") { + @include bem.elem("hint") { color: props.get(vars.$error-hint-color); } } - @include bem.is('disabled') { - @include bem.elem('label', 'hint') { + @include bem.is("disabled") { + @include bem.elem("label", "hint") { color: props.get(vars.$disabled-color); } } - @include bem.modifier('align-start', 'align-end') { - display: flex; + @include bem.modifier("align-start", "align-end") { + display: flex; align-items: baseline; - @include bem.elem('label') { + @include bem.elem("label") { display: inline-block; - @include bem.next-elem('content') { + @include bem.next-elem("content") { margin-block-start: 0; } } } - @include bem.modifier('align-start') { - @include bem.elem('label') { + @include bem.modifier("align-start") { + @include bem.elem("label") { text-align: start; } } - @include bem.modifier('align-end') { - @include bem.elem('label') { + @include bem.modifier("align-end") { + @include bem.elem("label") { text-align: end; } } -- cgit v1.3.1