diff options
Diffstat (limited to 'src/objects/_tabbar.scss')
-rw-r--r-- | src/objects/_tabbar.scss | 11 |
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') { |