|
|
|
|
@ -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
|
|
|
|
|
|