|
|
|
|
@ -240,11 +240,15 @@ export default { |
|
|
|
|
&.active:not(:focus-visible) { |
|
|
|
|
background-color: var(--color-primary-element); |
|
|
|
|
color: var(--color-primary-element-text); |
|
|
|
|
|
|
|
|
|
img, |
|
|
|
|
svg { |
|
|
|
|
filter: var(--primary-invert-if-dark); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
span { |
|
|
|
|
padding-bottom: 0; |
|
|
|
|
color: var(--color-main-text); |
|
|
|
|
white-space: nowrap; |
|
|
|
|
overflow: hidden; |
|
|
|
|
text-overflow: ellipsis; |
|
|
|
|
@ -261,14 +265,6 @@ export default { |
|
|
|
|
svg { |
|
|
|
|
filter: var(--background-invert-if-dark); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&:active:not(:focus-visible), |
|
|
|
|
&.active:not(:focus-visible) { |
|
|
|
|
img, |
|
|
|
|
svg { |
|
|
|
|
filter: var(--primary-invert-if-dark); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// Override global button styles |
|
|
|
|
|