igniteui-webcomponents
Version:
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.
3 lines • 1.14 kB
JavaScript
import { css } from 'lit';
export const styles = css `:host{background:var(--background);color:var(--foreground)}[part~=wrapper]{min-height:var(--size)}[part~=wrapper]:hover::after{background:var(--hover-color)}[part~=wrapper][part~=selected]:hover::after{background:var(--hover-selected-color)}[part~=label]{max-height:var(--size)}:host(:not([disabled])[active]) [part~=wrapper]{background:var(--background-active);color:var(--foreground-active)}:host(:not([disabled])[selected]) [part~=wrapper]{background:var(--background-selected);color:var(--foreground-selected)}:host(:not([disabled])[selected][active]) [part~=wrapper]{background:var(--background-active-selected);color:var(--foreground-active-selected)}:host(:not([disabled])[selected]) [part~=focused],:host(:not([disabled])[selected][active]) [part~=focused]{background:var(--background-active-selected);color:var(--foreground-active-selected)}[part~=select]{margin-inline-end:.5rem}[part~=focused]{box-shadow:inset 0 0 0 1px var(--border-color)}:host([disabled]){color:var(--foreground-disabled);background:var(--background-disabled)}`;
//# sourceMappingURL=item.common.css.js.map