summaryrefslogtreecommitdiffstats
path: root/src/objects/_tabbar.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-11-23 16:24:06 +0100
committerVolpeon <git@volpeon.ink>2024-11-23 16:24:06 +0100
commitd4109f0c02d390599d776d517db504bc01900633 (patch)
tree36053dd62edafb05505a2956d939df5bae4c7038 /src/objects/_tabbar.scss
parentFix (diff)
downloadiro-design-d4109f0c02d390599d776d517db504bc01900633.tar.gz
iro-design-d4109f0c02d390599d776d517db504bc01900633.tar.bz2
iro-design-d4109f0c02d390599d776d517db504bc01900633.zip
Update
Diffstat (limited to 'src/objects/_tabbar.scss')
-rw-r--r--src/objects/_tabbar.scss18
1 files changed, 13 insertions, 5 deletions
diff --git a/src/objects/_tabbar.scss b/src/objects/_tabbar.scss
index f3fe603..9b6a0ef 100644
--- a/src/objects/_tabbar.scss
+++ b/src/objects/_tabbar.scss
@@ -14,13 +14,21 @@
14 @include bem.object('tabbar') { 14 @include bem.object('tabbar') {
15 min-inline-size: 0; 15 min-inline-size: 0;
16 block-size: props.get(vars.$block-size); 16 block-size: props.get(vars.$block-size);
17 overflow-inline: auto; 17
18 box-shadow: 0 calc(-1 * props.get(vars.$indicator--width)) 0 0 props.get(vars.$railing--bg-color) inset; 18 &::after {
19 display: block;
20 inline-size: 100%;
21 block-size: props.get(vars.$indicator--width);
22 margin-block-start: calc(-1 * props.get(vars.$indicator--width));
23 content: '';
24 background-color: props.get(vars.$railing--bg-color);
25 }
19 26
20 @include bem.elem('tabs') { 27 @include bem.elem('tabs') {
21 display: flex; 28 display: flex;
22 block-size: 100%; 29 block-size: 100%;
23 margin-inline-start: calc(-.5 * props.get(vars.$spacing)); 30 margin-inline: calc(-.5 * props.get(vars.$spacing));
31 overflow-inline: auto;
24 } 32 }
25 33
26 @include bem.modifier('quiet') { 34 @include bem.modifier('quiet') {