igniteui-webcomponents/components/dropdown/themes/shared/item/dropdown-item.indigo.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{padding-inline:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));margin-block:.125rem;--item-icon: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host ::slotted(igc-icon){--size: var(--item-icon) !important}:host(:last-of-type){margin-block:unset}:host([active]){outline:.125rem solid var(--focused-item-border-color);outline-offset:-0.125rem}:host([selected][active]){background:var(--selected-item-background);color:var(--selected-item-text-color)}:host([selected][active]) ::slotted(igc-icon){color:var(--selected-item-icon-color)}:host([selected][active]:hover){background:var(--selected-hover-item-background);color:var(--selected-hover-item-text-color)}:host([selected][active]:hover) ::slotted(igc-icon){color:var(--selected-hover-item-icon-color)}`;
//# sourceMappingURL=dropdown-item.indigo.css.js.map