From 9cff4db1b1eb9272bbb9d66363f39317d5df40a1 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 23 Nov 2024 15:50:32 +0100 Subject: Update --- src/objects/_tabbar.scss | 21 ++++++++++----------- 1 file changed, 10 insertions(+), 11 deletions(-) diff --git a/src/objects/_tabbar.scss b/src/objects/_tabbar.scss index b1cdcb9..e0dbcb0 100644 --- a/src/objects/_tabbar.scss +++ b/src/objects/_tabbar.scss @@ -18,11 +18,9 @@ box-shadow: 0 calc(-1 * props.get(vars.$indicator--width)) 0 0 props.get(vars.$railing--bg-color) inset; @include bem.elem('tabs') { - display: flex; - gap: props.get(vars.$spacing); - block-size: 100%; - padding-inline-start: calc(.5 * props.get(vars.$spacing)); - margin-inline-start: calc(-.5 * props.get(vars.$spacing)); + display: flex; + block-size: 100%; + margin-inline: calc(-.5 * props.get(vars.$spacing)); &::after { display: block; @@ -40,12 +38,13 @@ } @include bem.elem('tab') { - position: relative; - display: flex; - align-items: center; - color: props.get(vars.$tab--text-color); - white-space: nowrap; - border-block: props.get(vars.$indicator--width) solid transparent; + position: relative; + display: flex; + align-items: center; + padding-inline: calc(.5 * props.get(vars.$spacing)); + color: props.get(vars.$tab--text-color); + white-space: nowrap; + border-block: props.get(vars.$indicator--width) solid transparent; &::before { position: absolute; -- cgit v1.2.3-70-g09d2