Fix upvote button styling

This commit is contained in:
Elias Schriefer
2024-07-08 21:40:34 +02:00
parent 0faefe6a9f
commit a940ba2b52
3 changed files with 15 additions and 11 deletions

View File

@@ -18,6 +18,7 @@
--transition-duration-outline: var(--transition-duration-medium);
transition:
background-color ease-out var(--transition-duration-bg-color),
background-blend-mode ease-out var(--transition-duration-bg-color),
filter ease-out var(--transition-duration-filter),
outline ease-in var(--transition-duration-outline);
@@ -63,7 +64,7 @@
}
&.destructive:not(.suggested) {
--btn-color: #861c1c;
--btn-color: var(--color-destructive);
}
&:focus-visible {
@@ -72,8 +73,10 @@
&.icon {
--text-color: transparent;
background: var(--icon-url) no-repeat;
background-image: var(--icon-url);
background-repeat: no-repeat;
background-size: contain;
mask: var(--icon-url) center / contain no-repeat;
overflow: hidden;
width: var(--icon-size, 1rem);
height: var(--icon-size, 1rem);