summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--src/objects/_tabbar.scss8
1 files changed, 6 insertions, 2 deletions
diff --git a/src/objects/_tabbar.scss b/src/objects/_tabbar.scss
index eee38e9..631c5c8 100644
--- a/src/objects/_tabbar.scss
+++ b/src/objects/_tabbar.scss
@@ -27,7 +27,6 @@
27 @include bem.elem('tabs') { 27 @include bem.elem('tabs') {
28 display: flex; 28 display: flex;
29 block-size: 100%; 29 block-size: 100%;
30 margin-inline: calc(-.5 * props.get(vars.$spacing));
31 overflow-inline: auto; 30 overflow-inline: auto;
32 } 31 }
33 32
@@ -38,12 +37,13 @@
38 @include bem.modifier('adapt') { 37 @include bem.modifier('adapt') {
39 block-size: 100%; 38 block-size: 100%;
40 } 39 }
41 40
42 @include bem.elem('tab') { 41 @include bem.elem('tab') {
43 position: relative; 42 position: relative;
44 display: flex; 43 display: flex;
45 align-items: center; 44 align-items: center;
46 padding-inline: calc(.5 * props.get(vars.$spacing)); 45 padding-inline: calc(.5 * props.get(vars.$spacing));
46 margin-inline: calc(-.5 * props.get(vars.$spacing));
47 color: props.get(vars.$tab--text-color); 47 color: props.get(vars.$tab--text-color);
48 white-space: nowrap; 48 white-space: nowrap;
49 49
@@ -89,6 +89,10 @@
89 } 89 }
90 } 90 }
91 91
92 @include bem.next-twin-elem {
93 margin-inline-start: calc(.5 * props.get(vars.$spacing));
94 }
95
92 @include bem.is('selected') { 96 @include bem.is('selected') {
93 color: props.get(vars.$tab--selected--text-color); 97 color: props.get(vars.$tab--selected--text-color);
94 98