mirror of
https://github.com/penpot/penpot.git
synced 2026-05-02 14:48:29 +00:00
💄 Fix minor style details on DS select ghost variant (#7707)
This commit is contained in:
parent
2eaeb8e9a5
commit
43a136a9e9
@ -58,14 +58,24 @@
|
||||
|
||||
.variant-ghost {
|
||||
--select-background-color: transparent;
|
||||
--select-text-color: var(--color-foreground-secondary);
|
||||
|
||||
inline-size: fit-content;
|
||||
padding-inline: var(--sp-xxs);
|
||||
|
||||
& .arrow {
|
||||
margin-inline-start: var(--sp-xs);
|
||||
}
|
||||
|
||||
&:is(:hover, [aria-expanded="true"]) {
|
||||
--select-text-color: var(--color-foreground-primary);
|
||||
--select-icon-color: var(--color-foreground-primary);
|
||||
}
|
||||
|
||||
&:is(:focus-visible, :disabled) {
|
||||
--select-background-color: transparent;
|
||||
--select-text-color: var(--color-foreground-primary);
|
||||
--select-icon-color: var(--color-foreground-primary);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user