summaryrefslogtreecommitdiffstats
path: root/src/objects
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-11-23 14:54:55 +0100
committerVolpeon <git@volpeon.ink>2024-11-23 14:54:55 +0100
commit29ebda0e3eadfccebd57c4f2f62a459c89e86fd1 (patch)
tree48461bda10c898bb5aaf65f8a9fceb5a78eec681 /src/objects
parentTabs (diff)
downloadiro-design-29ebda0e3eadfccebd57c4f2f62a459c89e86fd1.tar.gz
iro-design-29ebda0e3eadfccebd57c4f2f62a459c89e86fd1.tar.bz2
iro-design-29ebda0e3eadfccebd57c4f2f62a459c89e86fd1.zip
Fix
Diffstat (limited to 'src/objects')
-rw-r--r--src/objects/_tabbar.scss11
1 files changed, 4 insertions, 7 deletions
diff --git a/src/objects/_tabbar.scss b/src/objects/_tabbar.scss
index 1513cc1..218fe7d 100644
--- a/src/objects/_tabbar.scss
+++ b/src/objects/_tabbar.scss
@@ -12,24 +12,21 @@
12 @include materialize-at-root(meta.module-variables('vars')); 12 @include materialize-at-root(meta.module-variables('vars'));
13 13
14 @include bem.object('tabbar') { 14 @include bem.object('tabbar') {
15 position: relative;
16 display: flex;
17 gap: props.get(vars.$spacing);
18 min-inline-size: 0; 15 min-inline-size: 0;
19 block-size: props.get(vars.$block-size); 16 block-size: props.get(vars.$block-size);
20 overflow-inline: auto; 17 overflow-inline: auto;
21 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;
22 19
23 @include bem.elem('tabs') { 20 @include bem.elem('tabs') {
24 display: block; 21 display: flex;
22 gap: props.get(vars.$spacing);
23 block-size: 100%;
25 padding-inline: calc(.5 * props.get(vars.$spacing)); 24 padding-inline: calc(.5 * props.get(vars.$spacing));
26 margin-inline: calc(-.5 * props.get(vars.$spacing)); 25 margin-inline: calc(-.5 * props.get(vars.$spacing));
27 } 26 }
28 27
29 @include bem.modifier('quiet') { 28 @include bem.modifier('quiet') {
30 &::after { 29 box-shadow: none;
31 display: none;
32 }
33 } 30 }
34 31
35 @include bem.modifier('adapt') { 32 @include bem.modifier('adapt') {