summaryrefslogtreecommitdiffstats
path: root/src/objects/_tabbar.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/objects/_tabbar.scss')
-rw-r--r--src/objects/_tabbar.scss6
1 files changed, 3 insertions, 3 deletions
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 @@
17 gap: props.get(vars.$spacing); 17 gap: props.get(vars.$spacing);
18 min-inline-size: 0; 18 min-inline-size: 0;
19 block-size: props.get(vars.$block-size); 19 block-size: props.get(vars.$block-size);
20 padding-inline: calc(.5 * props.get(vars.$spacing));
21 margin-inline: calc(-.5 * props.get(vars.$spacing)); 20 margin-inline: calc(-.5 * props.get(vars.$spacing));
22 overflow-inline: auto; 21 overflow-inline: auto;
23 22
@@ -26,6 +25,7 @@
26 flex: 1 1 auto; 25 flex: 1 1 auto;
27 block-size: props.get(vars.$indicator--width); 26 block-size: props.get(vars.$indicator--width);
28 margin-block-start: auto; 27 margin-block-start: auto;
28 margin-inline-end: calc(.5 * props.get(vars.$spacing));
29 content: ''; 29 content: '';
30 background-color: props.get(vars.$railing--bg-color); 30 background-color: props.get(vars.$railing--bg-color);
31 } 31 }
@@ -44,16 +44,16 @@
44 position: relative; 44 position: relative;
45 display: flex; 45 display: flex;
46 align-items: center; 46 align-items: center;
47 padding-inline: calc(.5 * props.get(vars.$spacing));
47 color: props.get(vars.$tab--text-color); 48 color: props.get(vars.$tab--text-color);
48 white-space: nowrap; 49 white-space: nowrap;
49 border-block: props.get(vars.$indicator--width) solid transparent; 50 border-block: props.get(vars.$indicator--width) solid transparent;
50 border-block-end-color: props.get(vars.$railing--bg-color); 51 border-block-end-color: props.get(vars.$railing--bg-color);
51 52
52
53 &::before { 53 &::before {
54 position: absolute; 54 position: absolute;
55 inset-block-start: 50%; 55 inset-block-start: 50%;
56 inset-inline: calc(-1 * props.get(vars.$tab--pad-i)); 56 inset-inline: calc(-1 * props.get(vars.$tab--pad-i) + .5 * props.get(vars.$spacing));
57 z-index: -10; 57 z-index: -10;
58 block-size: 1.5em; 58 block-size: 1.5em;
59 content: ''; 59 content: '';