igniteui-webcomponents/components/dropdown/themes/shared/item/dropdown-item.common.css.js

Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.

import { css } from 'lit';
export const styles = css `:host{height:var(--size);border-radius:var(--item-border-radius);color:var(--item-text-color)}:host ::slotted(igc-icon){color:var(--item-icon-color)}:host([active]:hover),:host(:hover){background:var(--hover-item-background);color:var(--hover-item-text-color)}:host([active]:hover) ::slotted(igc-icon),:host(:hover) ::slotted(igc-icon){color:var(--hover-item-icon-color)}:host([active]){background:var(--focused-item-background);color:var(--focused-item-text-color)}:host([selected]){background:var(--selected-item-background);color:var(--selected-item-text-color)}:host([selected]) ::slotted(igc-icon){color:var(--selected-item-icon-color)}:host([selected]:hover),:host([selected][active]){background:var(--selected-hover-item-background);color:var(--selected-hover-item-text-color)}:host([selected]:hover) ::slotted(igc-icon),:host([selected][active]) ::slotted(igc-icon){color:var(--selected-hover-item-icon-color)}:host([disabled]){background:var(--disabled-item-background);color:var(--disabled-item-text-color)}:host([disabled]) ::slotted(igc-icon){color:var(--disabled-item-text-color)}`;
//# sourceMappingURL=dropdown-item.common.css.js.map