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 • 2.21 kB
JavaScript
import { css } from 'lit';
export const styles = css `:host{--background: var(--ig-list-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-background: var(--ig-list-header-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-background: var(--ig-list-item-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;
//# sourceMappingURL=list-item.bootstrap.css.js.map