summaryrefslogtreecommitdiffstats
path: root/src/objects/_tabbar.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-11-23 15:12:41 +0100
committerVolpeon <git@volpeon.ink>2024-11-23 15:12:41 +0100
commit32d1258a9b85205d3bb0a11699039ea3baf51cca (patch)
treedc4fe90534535b54411acdcf27da86bb16077305 /src/objects/_tabbar.scss
parentFix (diff)
downloadiro-design-32d1258a9b85205d3bb0a11699039ea3baf51cca.tar.gz
iro-design-32d1258a9b85205d3bb0a11699039ea3baf51cca.tar.bz2
iro-design-32d1258a9b85205d3bb0a11699039ea3baf51cca.zip
Update
Diffstat (limited to 'src/objects/_tabbar.scss')
-rw-r--r--src/objects/_tabbar.scss16
1 files changed, 11 insertions, 5 deletions
diff --git a/src/objects/_tabbar.scss b/src/objects/_tabbar.scss
index 218fe7d..b1cdcb9 100644
--- a/src/objects/_tabbar.scss
+++ b/src/objects/_tabbar.scss
@@ -18,11 +18,17 @@
18 box-shadow: 0 calc(-1 * props.get(vars.$indicator--width)) 0 0 props.get(vars.$railing--bg-color) inset; 18 box-shadow: 0 calc(-1 * props.get(vars.$indicator--width)) 0 0 props.get(vars.$railing--bg-color) inset;
19 19
20 @include bem.elem('tabs') { 20 @include bem.elem('tabs') {
21 display: flex; 21 display: flex;
22 gap: props.get(vars.$spacing); 22 gap: props.get(vars.$spacing);
23 block-size: 100%; 23 block-size: 100%;
24 padding-inline: calc(.5 * props.get(vars.$spacing)); 24 padding-inline-start: calc(.5 * props.get(vars.$spacing));
25 margin-inline: calc(-.5 * props.get(vars.$spacing)); 25 margin-inline-start: calc(-.5 * props.get(vars.$spacing));
26
27 &::after {
28 display: block;
29 inline-size: props.get(vars.$spacing);
30 content: '';
31 }
26 } 32 }
27 33
28 @include bem.modifier('quiet') { 34 @include bem.modifier('quiet') {