From cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 22 Jul 2026 12:27:09 +0200 Subject: Paths --- src/layouts/_form.scss | 52 +++++++++++++++++++++++++------------------------- 1 file changed, 26 insertions(+), 26 deletions(-) (limited to 'src/layouts/_form.scss') diff --git a/src/layouts/_form.scss b/src/layouts/_form.scss index f094cbc..f71e469 100644 --- a/src/layouts/_form.scss +++ b/src/layouts/_form.scss @@ -1,57 +1,57 @@ -@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 'form.vars'; -@use 'form.vars' as vars; +@forward "form.vars"; +@use "form.vars" as vars; @mixin styles { - @include materialize-at-root(meta.module-variables('vars')); + @include materialize-at-root(meta.module-variables("vars")); - @include bem.layout('form') { - display: flex; + @include bem.layout("form") { + display: flex; flex-direction: column; - gap: props.get(vars.$item-spacing-b) props.get(vars.$label-spacing-i); + gap: props.get(vars.$item-spacing-b) props.get(vars.$label-spacing-i); - @include bem.elem('item') { + @include bem.elem("item") { display: block; } - @include bem.elem('item-content') { - @include bem.modifier('align-start') { + @include bem.elem("item-content") { + @include bem.modifier("align-start") { align-self: start; } } - @include bem.modifier('row') { + @include bem.modifier("row") { flex-direction: row; - align-items: flex-end; + align-items: flex-end; } - @include bem.modifier('labels-start', 'labels-end') { - display: grid; - grid-template-rows: auto; + @include bem.modifier("labels-start", "labels-end") { + display: grid; + grid-template-rows: auto; grid-template-columns: auto 1fr; - align-items: baseline; + align-items: baseline; - @include bem.elem('item') { + @include bem.elem("item") { display: contents; } - @include bem.elem('item-label') { - grid-column: 1; + @include bem.elem("item-label") { + grid-column: 1; padding-inline-end: 0; } - @include bem.elem('item-content') { - grid-column: 2; + @include bem.elem("item-content") { + grid-column: 2; margin-block-start: 0; } } - @include bem.modifier('labels-end') { - @include bem.elem('item-label') { + @include bem.modifier("labels-end") { + @include bem.elem("item-label") { text-align: end; } } -- cgit v1.3.1