diff options
-rw-r--r-- | src/objects/_tabs.scss | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/src/objects/_tabs.scss b/src/objects/_tabs.scss index 0bc3c6e..64b0f43 100644 --- a/src/objects/_tabs.scss +++ b/src/objects/_tabs.scss | |||
@@ -18,6 +18,7 @@ | |||
18 | min-inline-size: 0; | 18 | min-inline-size: 0; |
19 | block-size: 100%; | 19 | block-size: 100%; |
20 | padding-inline: props.get(vars.$tab--pad-i); | 20 | padding-inline: props.get(vars.$tab--pad-i); |
21 | overflow-inline: auto; | ||
21 | 22 | ||
22 | @include bem.elem('tab') { | 23 | @include bem.elem('tab') { |
23 | position: relative; | 24 | position: relative; |
@@ -102,6 +103,20 @@ | |||
102 | 103 | ||
103 | @include bem.is('selected') { | 104 | @include bem.is('selected') { |
104 | display: flex; | 105 | display: flex; |
106 | color: props.get(vars.$tab--text-color); | ||
107 | |||
108 | &::after { | ||
109 | display: none; | ||
110 | } | ||
111 | |||
112 | &:link, | ||
113 | &:visited { | ||
114 | &:hover, | ||
115 | &:active, | ||
116 | &:focus-visible { | ||
117 | color: props.get(vars.$tab--selected--text-color); | ||
118 | } | ||
119 | } | ||
105 | } | 120 | } |
106 | } | 121 | } |
107 | 122 | ||