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