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/_hlist.scss | 71 +++++++++++++++++++++---------------------------- 1 file changed, 30 insertions(+), 41 deletions(-) (limited to 'src/layouts/_hlist.scss') diff --git a/src/layouts/_hlist.scss b/src/layouts/_hlist.scss index 00787db..32b3097 100644 --- a/src/layouts/_hlist.scss +++ b/src/layouts/_hlist.scss @@ -1,30 +1,30 @@ -@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 "hlist.vars"; -@use "hlist.vars" as vars; -@use "../objects/button.vars" as button; +@forward 'hlist.vars'; +@use 'hlist.vars' as vars; +@use '../objects/button.vars' as button; @mixin styles { - @include materialize-at-root(meta.module-variables("vars")); + @include materialize-at-root(meta.module-variables('vars')); - @include bem.layout("hlist") { - display: inline-flex; + @include bem.layout('hlist') { + display: inline-flex; flex-wrap: wrap; - gap: props.get(vars.$gap); + gap: props.get(vars.$gap); @each $mod, $size in vars.$sizes { @include bem.modifier($mod) { gap: props.get($size); - @include bem.modifier("separated") { - @include bem.elem("item") { + @include bem.modifier('separated') { + @include bem.elem('item') { @include bem.next-twin-elem { &::before { - content: "·"; - margin-inline: calc(0.65 * props.get($size)); + content: '·'; + margin-inline: calc(.65 * props.get($size)); } } } @@ -32,51 +32,40 @@ } } - @include bem.modifier("separated") { + @include bem.modifier('separated') { gap: 0; - @include bem.elem("item") { + @include bem.elem('item') { @include bem.next-twin-elem { &::before { - content: "·"; - margin-inline: calc(0.65 * props.get(vars.$gap)); + content: '·'; + margin-inline: calc(.65 * props.get(vars.$gap)); } } } } - @include bem.modifier("buttons") { + @include bem.modifier('buttons') { margin-inline: calc(-1 * props.get(button.$pad-i) - props.get(button.$border-width)); - @include bem.modifier("pill") { - margin-inline: calc( - -1 * props.get(button.$pad-i-pill) - props.get(button.$border-width) - ); + @include bem.modifier('pill') { + margin-inline: calc(-1 * props.get(button.$pad-i-pill) - props.get(button.$border-width)); } - @include bem.modifier("icon") { - margin-inline: calc( - -1 * props.get(button.$pad-b) - props.get(button.$border-width) - 0.5em * - (props.get(button.$line-height) - 1) - ); + @include bem.modifier('icon') { + margin-inline: calc(-1 * props.get(button.$pad-b) - props.get(button.$border-width) - .5em * (props.get(button.$line-height) - 1)); } - @each $mod, $pad-i, $pad-i-label, $pad-i-pill, $pad-b, $font-size in button.$fixed-sizes - { - @include bem.modifier("buttons-#{$mod}") { + @each $mod, $pad-i, $pad-i-label, $pad-i-pill, $pad-b, $font-size in button.$fixed-sizes { + @include bem.modifier('buttons-#{$mod}') { margin-inline: calc(-1 * props.get($pad-i) - props.get(button.$border-width)); - @include bem.modifier("pill") { - margin-inline: calc( - -1 * props.get($pad-i-pill) - props.get(button.$border-width) - ); + @include bem.modifier('pill') { + margin-inline: calc(-1 * props.get($pad-i-pill) - props.get(button.$border-width)); } - @include bem.modifier("icon") { - margin-inline: calc( - -1 * props.get($pad-b) - props.get(button.$border-width) - 0.5em * - (props.get(button.$line-height) - 1) - ); + @include bem.modifier('icon') { + margin-inline: calc(-1 * props.get($pad-b) - props.get(button.$border-width) - .5em * (props.get(button.$line-height) - 1)); } } } -- cgit v1.3.1