fix button: no translate on circular, fix elemental hover colors
This commit is contained in:
parent
a262388fc7
commit
1024e155c3
1 changed files with 10 additions and 6 deletions
|
|
@ -340,6 +340,10 @@
|
||||||
// Shapes
|
// Shapes
|
||||||
:global([data-button-root].circular) {
|
:global([data-button-root].circular) {
|
||||||
border-radius: 999px;
|
border-radius: 999px;
|
||||||
|
|
||||||
|
&:active:not(:disabled) {
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:global([data-button-root].pill) {
|
:global([data-button-root].pill) {
|
||||||
|
|
@ -424,7 +428,7 @@
|
||||||
color: white;
|
color: white;
|
||||||
|
|
||||||
&:hover:not(:disabled) {
|
&:hover:not(:disabled) {
|
||||||
background: var(--wind-bg-hover);
|
background: var(--wind-button-bg-hover);
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -434,7 +438,7 @@
|
||||||
color: white;
|
color: white;
|
||||||
|
|
||||||
&:hover:not(:disabled) {
|
&:hover:not(:disabled) {
|
||||||
background: var(--fire-bg-hover);
|
background: var(--fire-button-bg-hover);
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -444,7 +448,7 @@
|
||||||
color: white;
|
color: white;
|
||||||
|
|
||||||
&:hover:not(:disabled) {
|
&:hover:not(:disabled) {
|
||||||
background: var(--water-bg-hover);
|
background: var(--water-button-bg-hover);
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -454,7 +458,7 @@
|
||||||
color: white;
|
color: white;
|
||||||
|
|
||||||
&:hover:not(:disabled) {
|
&:hover:not(:disabled) {
|
||||||
background: var(--earth-bg-hover);
|
background: var(--earth-button-bg-hover);
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -464,7 +468,7 @@
|
||||||
color: white;
|
color: white;
|
||||||
|
|
||||||
&:hover:not(:disabled) {
|
&:hover:not(:disabled) {
|
||||||
background: var(--dark-bg-hover);
|
background: var(--dark-button-bg-hover);
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -474,7 +478,7 @@
|
||||||
color: black;
|
color: black;
|
||||||
|
|
||||||
&:hover:not(:disabled) {
|
&:hover:not(:disabled) {
|
||||||
background: var(--light-bg-hover);
|
background: var(--light-button-bg-hover);
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue