fix button styles.
This commit is contained in:
parent
128a45ad77
commit
429d6451c4
|
@ -260,11 +260,13 @@
|
||||||
--button-text: var(--color-info);
|
--button-text: var(--color-info);
|
||||||
}
|
}
|
||||||
&: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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.text:disabled {
|
&.text:disabled {
|
||||||
|
@ -296,11 +298,13 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&: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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.icon:disabled {
|
&.icon:disabled {
|
||||||
|
|
Loading…
Reference in New Issue
Block a user