igniteui-webcomponents/components/tree/themes/shared/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{--igc-tree-indentation-size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))}[part~=indicator]{--ig-size: 1;min-width:.875rem;color:var(--icon-color)}[part~=wrapper]{border-radius:.25rem;margin-block-end:.25rem;padding:0 max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[part~=wrapper]::after{border-radius:.25rem}[part~=wrapper]:hover{color:var(--foreground-active)}:host(:not([disabled])[selected]) [part~=wrapper]{background:var(--background)}:host(:not([disabled])[selected]) [part~=wrapper]:hover{color:var(--foreground-active)}:host(:not([disabled])[selected]) [part~=wrapper]:hover::after{background:var(--hover-color)}:host(:not([disabled])[active]) [part~=wrapper]:hover,:host(:not([disabled])[active][selected]) [part~=wrapper]:hover{background:var(--hover-selected-color)}:host(:not([disabled])[active]) [part~=wrapper]:hover::after,:host(:not([disabled])[active][selected]) [part~=wrapper]:hover::after{background:rgba(0,0,0,0)}[part~=focused]{box-shadow:inset 0 0 0 2px var(--border-color)}:host([disabled]) [part~=indicator] igc-icon{color:var(--foreground-disabled)}`;
//# sourceMappingURL=item.indigo.css.js.map