@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
31 lines • 1.01 kB
CSS
/*
* Dropdown theme
*
*/
/*
* Utilities
*/
.dnb-dropdown {
--dropdown-error-border-width: 0.125rem;
--dropdown-button-padding: 0 1rem;
--dropdown-foreground-color-primary: var(--color-black-55);
--dropdown-foreground-color-error: var(--color-fire-red);
--dropdown-background-color-disabled: var(--color-black-3);
--dropdown-background-color-error-active: var(--color-fire-red-8);
}
html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover[disabled] {
cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover:not([disabled]) {
color: var(--color-emerald-green);
}
.dnb-dropdown__trigger[disabled] {
color: var(--dropdown-foreground-color-primary);
background-color: var(--dropdown-background-color-disabled);
}
.dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary) {
--border-color: var(--dropdown-foreground-color-primary);
--border-width: 0.0625rem;
box-shadow: 0 0 0 var(--border-width) var(--border-color);
border-color: transparent;
}