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/objects/_table.scss | 88 ++++++++++++++++++++++++------------------------- 1 file changed, 44 insertions(+), 44 deletions(-) (limited to 'src/objects/_table.scss') diff --git a/src/objects/_table.scss b/src/objects/_table.scss index a985f78..effa61f 100644 --- a/src/objects/_table.scss +++ b/src/objects/_table.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 "table.vars"; -@use "table.vars" as vars; +@forward 'table.vars'; +@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; + @include bem.object('table') { + border-spacing: 0; border-collapse: separate; - @include bem.modifier("fixed") { + @include bem.modifier('fixed') { table-layout: fixed; } - @include bem.elem("head-cell") { - padding-block: props.get(vars.$pad-b); + @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; + 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; + @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") { + @include bem.modifier('divider') { border-inline-end-width: props.get(vars.$border-width); } } - @include bem.elem("row") { + @include bem.elem('row') { &:last-child { - @include bem.elem("cell") { + @include bem.elem('cell') { border-block-end-width: props.get(vars.$border-width); } } } - @include bem.modifier("flush") { - @include bem.elem("head-cell", "cell") { + @include bem.modifier('flush') { + @include bem.elem('head-cell', 'cell') { &:first-child { padding-inline-start: 0; } @@ -62,8 +62,8 @@ } } - @include bem.modifier("box") { - @include bem.elem("cell") { + @include bem.modifier('box') { + @include bem.elem('cell') { background-color: props.get(vars.$box--bg-color); &:first-child { @@ -75,9 +75,9 @@ } } - @include bem.elem("row") { + @include bem.elem('row') { &:first-child { - @include bem.elem("cell") { + @include bem.elem('cell') { &:first-child { border-start-start-radius: props.get(vars.$rounding); } @@ -89,7 +89,7 @@ } &:last-child { - @include bem.elem("cell") { + @include bem.elem('cell') { &:first-child { border-end-start-radius: props.get(vars.$rounding); } @@ -102,35 +102,35 @@ } } - @include bem.modifier("interactive") { - @include bem.elem("row") { - @include bem.elem("cell") { + @include bem.modifier('interactive') { + @include bem.elem('row') { + @include bem.elem('cell') { cursor: pointer; } &:hover { - @include bem.elem("cell") { + @include bem.elem('cell') { background-color: props.get(vars.$hover--bg-color); } } &:active { - @include bem.elem("cell") { + @include bem.elem('cell') { background-color: props.get(vars.$active--bg-color); } } } - @include bem.modifier("box") { - @include bem.elem("row") { + @include bem.modifier('box') { + @include bem.elem('row') { &:hover { - @include bem.elem("cell") { + @include bem.elem('cell') { background-color: props.get(vars.$box--hover--bg-color); } } &:active { - @include bem.elem("cell") { + @include bem.elem('cell') { background-color: props.get(vars.$box--active--bg-color); } } @@ -138,8 +138,8 @@ } } - @include bem.modifier("sm") { - @include bem.elem("head-cell", "cell") { + @include bem.modifier('sm') { + @include bem.elem('head-cell', 'cell') { padding-block: props.get(vars.$pad-b--sm); } } -- cgit v1.3.1