From af40a4e84bfc857d519ba22c8218ac527b333274 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
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')
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