diff options
-rw-r--r-- | src/objects/_tabbar.scss | 16 |
1 files changed, 14 insertions, 2 deletions
diff --git a/src/objects/_tabbar.scss b/src/objects/_tabbar.scss index 9b6a0ef..11a025f 100644 --- a/src/objects/_tabbar.scss +++ b/src/objects/_tabbar.scss | |||
@@ -17,7 +17,6 @@ | |||
17 | 17 | ||
18 | &::after { | 18 | &::after { |
19 | display: block; | 19 | display: block; |
20 | inline-size: 100%; | ||
21 | block-size: props.get(vars.$indicator--width); | 20 | block-size: props.get(vars.$indicator--width); |
22 | margin-block-start: calc(-1 * props.get(vars.$indicator--width)); | 21 | margin-block-start: calc(-1 * props.get(vars.$indicator--width)); |
23 | content: ''; | 22 | content: ''; |
@@ -27,8 +26,21 @@ | |||
27 | @include bem.elem('tabs') { | 26 | @include bem.elem('tabs') { |
28 | display: flex; | 27 | display: flex; |
29 | block-size: 100%; | 28 | block-size: 100%; |
30 | margin-inline: calc(-.5 * props.get(vars.$spacing)); | ||
31 | overflow-inline: auto; | 29 | overflow-inline: auto; |
30 | |||
31 | &::before, | ||
32 | &::after { | ||
33 | display: block; | ||
34 | content: ''; | ||
35 | } | ||
36 | |||
37 | &::before { | ||
38 | margin-inline-start: calc(-.5 * props.get(vars.$spacing)); | ||
39 | } | ||
40 | |||
41 | &::after { | ||
42 | margin-inline-end: calc(-.5 * props.get(vars.$spacing)); | ||
43 | } | ||
32 | } | 44 | } |
33 | 45 | ||
34 | @include bem.modifier('quiet') { | 46 | @include bem.modifier('quiet') { |