fix button styles.
This commit is contained in:
parent
429d6451c4
commit
eea7446346
|
@ -379,11 +379,13 @@
|
|||
--button-surface: var(--color-surface-container-highest);
|
||||
}
|
||||
&: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);
|
||||
}
|
||||
}
|
||||
&.tonal_icon:disabled {
|
||||
|
@ -399,11 +401,13 @@
|
|||
--button-surface: var(--color-inverse-surface);
|
||||
}
|
||||
&: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);
|
||||
}
|
||||
}
|
||||
&.outlined_icon:disabled {
|
||||
|
|
Loading…
Reference in New Issue
Block a user