Move background color to a custom property so the :hover color cascades correctly.
This commit is contained in:
parent
8432825c1e
commit
119d476d5c
|
@ -25,15 +25,15 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
&.enabled {
|
&.enabled {
|
||||||
background-color: var(--da-4);
|
--button-background-color: var(--da-4);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.disabled {
|
&.disabled {
|
||||||
background-color: var(--da-2);
|
--button-background-color: var(--da-2);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.share {
|
&.share {
|
||||||
background-color: var(--da-7);
|
--button-background-color: var(--da-7);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -8,7 +8,7 @@
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
|
|
||||||
.button {
|
.button {
|
||||||
background-color: var(--da-3);
|
background-color: var(--button-background-color, var(--da-3));
|
||||||
border: none;
|
border: none;
|
||||||
color: var(--db-1);
|
color: var(--db-1);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
Loading…
Reference in New Issue