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