igniteui-webcomponents/components/list/themes/dark/header/list-header.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{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-400) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, var(--ig-primary-500));--item-background-selected: var(--ig-list-item-background-selected, var(--ig-primary-500));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-50-contrast));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-50-contrast));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-50-contrast));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-900));--item-title-color-hover: var(--ig-list-item-title-color-hover, var(--ig-gray-900));--item-title-color-active: var(--ig-list-item-title-color-active, var(--ig-gray-900));--item-title-color-selected: var(--ig-list-item-title-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-selected: var(--ig-list-item-action-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.7));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-selected: var(--ig-list-item-subtitle-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2);--ig-theme: indigo}`;
//# sourceMappingURL=list-header.indigo.css.js.map