From aeed08dc46662a0d70e04bcea612a701633736e7 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 22 Jul 2026 13:00:59 +0200 Subject: Revert "Paths" This reverts commit cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226. --- 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 fb664b4..23875f5 100644 --- a/src/objects/_field-label.scss +++ b/src/objects/_field-label.scss @@ -1,74 +1,74 @@ -@use "sass:meta"; -@use "pkg:iro-sass/bem"; -@use "pkg:iro-sass/props"; -@use "../props" as *; +@use 'sass:meta'; +@use 'pkg:iro-sass/src/bem'; +@use 'pkg:iro-sass/src/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