From 5855a6821cf5585378a70f9bee13563bdbfe2d86 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 22 Oct 2024 08:23:33 +0200 Subject: Less broad imports --- src/objects/_table.scss | 52 ++++++++++++++++++++++++------------------------- 1 file changed, 26 insertions(+), 26 deletions(-) (limited to 'src/objects/_table.scss') diff --git a/src/objects/_table.scss b/src/objects/_table.scss index 491db20..c0a7360 100644 --- a/src/objects/_table.scss +++ b/src/objects/_table.scss @@ -1,5 +1,5 @@ @use 'sass:meta'; -@use 'iro-sass/src/iro-sass' as iro; +@use 'iro-sass/src/bem' as bem; @use 'iro-sass/src/props'; @use '../props' as *; @@ -9,15 +9,15 @@ @mixin styles { @include materialize-at-root(meta.module-variables('vars')); - @include iro.bem-object('table') { + @include bem.object('table') { border-spacing: 0; border-collapse: separate; - @include iro.bem-modifier('fixed') { + @include bem.modifier('fixed') { table-layout: fixed; } - @include iro.bem-elem('head-cell') { + @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); @@ -29,7 +29,7 @@ letter-spacing: props.get(vars.$heading--letter-spacing); } - @include iro.bem-elem('cell') { + @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); @@ -37,21 +37,21 @@ border-width: 0; border-block-start-width: props.get(vars.$border-width); - @include iro.bem-modifier('divider') { + @include bem.modifier('divider') { border-inline-end-width: props.get(vars.$border-width); } } - @include iro.bem-elem('row') { + @include bem.elem('row') { &:last-child { - @include iro.bem-elem('cell') { + @include bem.elem('cell') { border-block-end-width: props.get(vars.$border-width); } } } - @include iro.bem-modifier('flush') { - @include iro.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 iro.bem-modifier('box') { - @include iro.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 iro.bem-elem('row') { + @include bem.elem('row') { &:first-child { - @include iro.bem-elem('cell') { + @include bem.elem('cell') { &:first-child { border-start-start-radius: props.get(vars.$rounding); } @@ -89,7 +89,7 @@ } &:last-child { - @include iro.bem-elem('cell') { + @include bem.elem('cell') { &:first-child { border-end-start-radius: props.get(vars.$rounding); } @@ -102,35 +102,35 @@ } } - @include iro.bem-modifier('interactive') { - @include iro.bem-elem('row') { - @include iro.bem-elem('cell') { + @include bem.modifier('interactive') { + @include bem.elem('row') { + @include bem.elem('cell') { cursor: pointer; } &:hover { - @include iro.bem-elem('cell') { + @include bem.elem('cell') { background-color: props.get(vars.$hover--bg-color); } } &:active { - @include iro.bem-elem('cell') { + @include bem.elem('cell') { background-color: props.get(vars.$active--bg-color); } } } - @include iro.bem-modifier('box') { - @include iro.bem-elem('row') { + @include bem.modifier('box') { + @include bem.elem('row') { &:hover { - @include iro.bem-elem('cell') { + @include bem.elem('cell') { background-color: props.get(vars.$box--hover--bg-color); } } &:active { - @include iro.bem-elem('cell') { + @include bem.elem('cell') { background-color: props.get(vars.$box--active--bg-color); } } @@ -138,8 +138,8 @@ } } - @include iro.bem-modifier('sm') { - @include iro.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.2.3-70-g09d2