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/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 f71e469..f094cbc 100644 --- a/src/layouts/_form.scss +++ b/src/layouts/_form.scss @@ -1,57 +1,57 @@ -@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 "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