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/objects/_table.scss | 232 ++++++++++++++++++++++++------------------------ 1 file changed, 116 insertions(+), 116 deletions(-) (limited to 'src/objects/_table.scss') diff --git a/src/objects/_table.scss b/src/objects/_table.scss index 2b63737..9e4891d 100644 --- a/src/objects/_table.scss +++ b/src/objects/_table.scss @@ -7,141 +7,141 @@ @use 'table.vars' as vars; @mixin styles { - @include materialize-at-root(meta.module-variables('vars')); + @include materialize-at-root(meta.module-variables('vars')); - @include bem.object('table') { - border-spacing: 0; - border-collapse: separate; + @include bem.object('table') { + border-spacing: 0; + border-collapse: separate; - @include bem.modifier('fixed') { - table-layout: fixed; - } + @include bem.modifier('fixed') { + table-layout: fixed; + } - @include bem.elem('head-cell') { - padding-block: props.get(vars.$pad-b); - padding-inline: props.get(vars.$pad-i); - font-family: props.get(vars.$heading--font-family); - font-size: props.get(vars.$heading--font-size); - font-weight: props.get(vars.$heading--font-weight); - color: props.get(vars.$heading-color); - text-align: start; - text-transform: props.get(vars.$heading--text-transform); - letter-spacing: props.get(vars.$heading--letter-spacing); - } + @include bem.elem('head-cell') { + padding-block: props.get(vars.$pad-b); + padding-inline: props.get(vars.$pad-i); + font-family: props.get(vars.$heading--font-family); + font-size: props.get(vars.$heading--font-size); + font-weight: props.get(vars.$heading--font-weight); + color: props.get(vars.$heading-color); + text-align: start; + text-transform: props.get(vars.$heading--text-transform); + letter-spacing: props.get(vars.$heading--letter-spacing); + } - @include bem.elem('cell') { - padding-block: props.get(vars.$pad-b); - padding-inline: props.get(vars.$pad-i); - border-color: props.get(vars.$border-color); - border-style: solid; - border-width: 0; - border-block-start-width: props.get(vars.$border-width); + @include bem.elem('cell') { + padding-block: props.get(vars.$pad-b); + padding-inline: props.get(vars.$pad-i); + border-color: props.get(vars.$border-color); + border-style: solid; + border-width: 0; + border-block-start-width: props.get(vars.$border-width); - @include bem.modifier('divider') { - border-inline-end-width: props.get(vars.$border-width); - } - } + @include bem.modifier('divider') { + border-inline-end-width: props.get(vars.$border-width); + } + } - @include bem.elem('row') { - &:last-child { - @include bem.elem('cell') { - border-block-end-width: props.get(vars.$border-width); - } - } - } + @include bem.elem('row') { + &:last-child { + @include bem.elem('cell') { + border-block-end-width: props.get(vars.$border-width); + } + } + } - @include bem.modifier('flush') { - @include bem.elem('head-cell', 'cell') { - &:first-child { - padding-inline-start: 0; - } + @include bem.modifier('flush') { + @include bem.elem('head-cell', 'cell') { + &:first-child { + padding-inline-start: 0; + } - &:last-child { - padding-inline-end: 0; - } - } - } + &:last-child { + padding-inline-end: 0; + } + } + } - @include bem.modifier('box') { - @include bem.elem('cell') { - background-color: props.get(vars.$box--bg-color); + @include bem.modifier('box') { + @include bem.elem('cell') { + background-color: props.get(vars.$box--bg-color); - &:first-child { - border-inline-start-width: props.get(vars.$border-width); - } + &:first-child { + border-inline-start-width: props.get(vars.$border-width); + } - &:last-child { - border-inline-end-width: props.get(vars.$border-width); - } - } + &:last-child { + border-inline-end-width: props.get(vars.$border-width); + } + } - @include bem.elem('row') { - &:first-child { - @include bem.elem('cell') { - &:first-child { - border-start-start-radius: props.get(vars.$rounding); - } + @include bem.elem('row') { + &:first-child { + @include bem.elem('cell') { + &:first-child { + border-start-start-radius: props.get(vars.$rounding); + } - &:last-child { - border-start-end-radius: props.get(vars.$rounding); - } - } - } + &:last-child { + border-start-end-radius: props.get(vars.$rounding); + } + } + } - &:last-child { - @include bem.elem('cell') { - &:first-child { - border-end-start-radius: props.get(vars.$rounding); - } + &:last-child { + @include bem.elem('cell') { + &:first-child { + border-end-start-radius: props.get(vars.$rounding); + } - &:last-child { - border-end-end-radius: props.get(vars.$rounding); - } - } - } - } - } + &:last-child { + border-end-end-radius: props.get(vars.$rounding); + } + } + } + } + } - @include bem.modifier('interactive') { - @include bem.elem('row') { - @include bem.elem('cell') { - cursor: pointer; - } + @include bem.modifier('interactive') { + @include bem.elem('row') { + @include bem.elem('cell') { + cursor: pointer; + } - &:hover { - @include bem.elem('cell') { - background-color: props.get(vars.$hover--bg-color); - } - } + &:hover { + @include bem.elem('cell') { + background-color: props.get(vars.$hover--bg-color); + } + } - &:active { - @include bem.elem('cell') { - background-color: props.get(vars.$active--bg-color); - } - } - } + &:active { + @include bem.elem('cell') { + background-color: props.get(vars.$active--bg-color); + } + } + } - @include bem.modifier('box') { - @include bem.elem('row') { - &:hover { - @include bem.elem('cell') { - background-color: props.get(vars.$box--hover--bg-color); - } - } + @include bem.modifier('box') { + @include bem.elem('row') { + &:hover { + @include bem.elem('cell') { + background-color: props.get(vars.$box--hover--bg-color); + } + } - &:active { - @include bem.elem('cell') { - background-color: props.get(vars.$box--active--bg-color); - } - } - } - } - } + &:active { + @include bem.elem('cell') { + background-color: props.get(vars.$box--active--bg-color); + } + } + } + } + } - @include bem.modifier('sm') { - @include bem.elem('head-cell', 'cell') { - padding-block: props.get(vars.$pad-b--sm); - } - } - } + @include bem.modifier('sm') { + @include bem.elem('head-cell', 'cell') { + padding-block: props.get(vars.$pad-b--sm); + } + } + } } -- cgit v1.2.3-70-g09d2