From d4109f0c02d390599d776d517db504bc01900633 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 23 Nov 2024 16:24:06 +0100 Subject: Update --- src/objects/_tabbar.scss | 18 +++++++++++++----- 1 file changed, 13 insertions(+), 5 deletions(-) (limited to 'src/objects/_tabbar.scss') 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 @@ @include bem.object('tabbar') { min-inline-size: 0; block-size: props.get(vars.$block-size); - overflow-inline: auto; - box-shadow: 0 calc(-1 * props.get(vars.$indicator--width)) 0 0 props.get(vars.$railing--bg-color) inset; + + &::after { + display: block; + inline-size: 100%; + block-size: props.get(vars.$indicator--width); + margin-block-start: calc(-1 * props.get(vars.$indicator--width)); + content: ''; + background-color: props.get(vars.$railing--bg-color); + } @include bem.elem('tabs') { - display: flex; - block-size: 100%; - margin-inline-start: calc(-.5 * props.get(vars.$spacing)); + display: flex; + block-size: 100%; + margin-inline: calc(-.5 * props.get(vars.$spacing)); + overflow-inline: auto; } @include bem.modifier('quiet') { -- cgit v1.2.3-70-g09d2