From af40a4e84bfc857d519ba22c8218ac527b333274 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 23 Nov 2024 14:37:43 +0100 Subject: Tabs --- src/objects/_tabbar.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'src/objects/_tabbar.scss') diff --git a/src/objects/_tabbar.scss b/src/objects/_tabbar.scss index bb1d9c1..8518525 100644 --- a/src/objects/_tabbar.scss +++ b/src/objects/_tabbar.scss @@ -17,7 +17,6 @@ gap: props.get(vars.$spacing); min-inline-size: 0; block-size: props.get(vars.$block-size); - padding-inline: calc(.5 * props.get(vars.$spacing)); margin-inline: calc(-.5 * props.get(vars.$spacing)); overflow-inline: auto; @@ -26,6 +25,7 @@ flex: 1 1 auto; block-size: props.get(vars.$indicator--width); margin-block-start: auto; + margin-inline-end: calc(.5 * props.get(vars.$spacing)); content: ''; background-color: props.get(vars.$railing--bg-color); } @@ -44,16 +44,16 @@ 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; border-block-end-color: props.get(vars.$railing--bg-color); - &::before { position: absolute; inset-block-start: 50%; - inset-inline: calc(-1 * props.get(vars.$tab--pad-i)); + inset-inline: calc(-1 * props.get(vars.$tab--pad-i) + .5 * props.get(vars.$spacing)); z-index: -10; block-size: 1.5em; content: ''; -- cgit v1.2.3-70-g09d2