Fix upvote button styling
This commit is contained in:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user