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.2 kB
JavaScript
import { css } from 'lit';
export const styles = css `:host{--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-100), 0.3));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-100), 0.3));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-100), 0.3));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-100), 0.3));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), 0.5));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), 0.5));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), 0.5));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), 0.5));--current-indicator-color: var(--ig-stepper-current-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)))}`;
//# sourceMappingURL=step.shared.css.js.map