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.74 kB
JavaScript
import { css } from 'lit';
export const styles = css `:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--border-color: var(--ig-nav-drawer-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-text-color: var(--ig-nav-drawer-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-icon-color: var(--ig-nav-drawer-item-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-active-background: var(--ig-nav-drawer-item-active-background, hsla(var(--ig-primary-400), 0.3));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--item-hover-background: var(--ig-nav-drawer-item-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem))}`;
//# sourceMappingURL=nav-drawer.indigo.css.js.map