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.1 kB
JavaScript
import { css } from 'lit';
export const styles = css `[part=inactive]{background:var(--base-track-color)}[part=steps]{color:var(--track-step-color)}[part=fill]{background:var(--track-color)}[part=tick]{background:var(--tick-color)}[part~=thumb]{background:var(--thumb-color)}[part=thumb-label-inner]{color:var(--label-text-color);background:var(--label-background-color);padding:0 max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part=thumb-label-inner]::after{border-top:.625rem solid var(--label-background-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{background:var(--disabled-thumb-color)}:host([disabled]) [part=inactive],:host(:disabled) [part=inactive]{background:var(--disabled-base-track-color)}`;
//# sourceMappingURL=slider.common.css.js.map