fix button styles.
This commit is contained in:
parent
128a45ad77
commit
429d6451c4
|
@ -260,11 +260,13 @@
|
|||
--button-text: var(--color-info);
|
||||
}
|
||||
&:hover {
|
||||
--button-surface: color-mix(in oklch, var(--button-text) 8%, transparent);
|
||||
color: var(--button-text);
|
||||
background-color: color-mix(in oklch, var(--button-text) 8%, transparent);
|
||||
box-shadow: var(--elevation-0);
|
||||
}
|
||||
&:active {
|
||||
--button-surface: color-mix(in oklch, var(--button-text) 18%, transparent);
|
||||
color: var(--button-text);
|
||||
background-color: color-mix(in oklch, var(--button-text) 18%, transparent);
|
||||
}
|
||||
}
|
||||
&.text:disabled {
|
||||
|
@ -296,11 +298,13 @@
|
|||
}
|
||||
}
|
||||
&:hover {
|
||||
--button-surface: color-mix(in oklch, var(--button-text) 8%, transparent);
|
||||
color: var(--button-text);
|
||||
background-color: color-mix(in oklch, var(--button-text) 8%, transparent);
|
||||
box-shadow: var(--elevation-0);
|
||||
}
|
||||
&:active {
|
||||
--button-surface: color-mix(in oklch, var(--button-text) 18%, transparent);
|
||||
color: var(--button-text);
|
||||
background-color: color-mix(in oklch, var(--button-text) 18%, transparent);
|
||||
}
|
||||
}
|
||||
&.icon:disabled {
|
||||
|
|
Loading…
Reference in New Issue
Block a user