From 41b0d0497988274057fc2512c822a6bc9d2d3ebd Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 6 Aug 2025 16:40:56 +0200 Subject: Switch to tab indentation --- src/layouts/_button-group.scss | 64 +++++++++++++++++++++--------------------- 1 file changed, 32 insertions(+), 32 deletions(-) (limited to 'src/layouts/_button-group.scss') diff --git a/src/layouts/_button-group.scss b/src/layouts/_button-group.scss index 6c874e1..44719be 100644 --- a/src/layouts/_button-group.scss +++ b/src/layouts/_button-group.scss @@ -8,43 +8,43 @@ @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('button-group') { - display: inline-flex; - flex-wrap: wrap; - gap: props.get(vars.$gap); + @include bem.layout('button-group') { + display: inline-flex; + flex-wrap: wrap; + gap: props.get(vars.$gap); - @each $mod, $size in vars.$sizes { - @include bem.modifier($mod) { - gap: props.get($size); - } - } + @each $mod, $size in vars.$sizes { + @include bem.modifier($mod) { + gap: props.get($size); + } + } - @include bem.modifier('align-block') { - margin-inline: calc(-1 * props.get(button.$pad-i) - props.get(button.$border-width)); + @include bem.modifier('align-block') { + 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) - .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('action-#{$mod}') { - margin-inline: calc(-1 * props.get($pad-i) - props.get(button.$border-width)); + @each $mod, $pad-i, $pad-i-label, $pad-i-pill, $pad-b, $font-size in button.$fixed-sizes { + @include bem.modifier('action-#{$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('icon') { - margin-inline: calc(-1 * props.get($pad-b) - props.get(button.$border-width) - .5em * (props.get(button.$line-height) - 1)); - } - } - } - } - } + @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) - .5em * (props.get(button.$line-height) - 1)); + } + } + } + } + } } -- cgit v1.2.3-70-g09d2