igniteui-webcomponents/components/slider/themes/shared/slider.fluent.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(:hover) [part=fill]{background:var(--track-hover-color)}:host(:hover) [part~=thumb]{border-color:var(--thumb-focus-color)}[part~=focused]::after{position:absolute;content:"";left:50%;top:50%;transform:translate(-50%, -50%);box-shadow:0 0 0 .0625rem var(--thumb-border-focus-color);width:calc(1rem + 0.125rem*2);height:calc(1rem + 0.125rem*2)}[part=track],[part=fill],[part=inactive]{height:.25rem}[part=inactive]{top:initial}[part=tick-label]{color:var(--tick-label-color)}[part~=thumb]{border:.125rem solid var(--thumb-border-color);width:1rem;height:1rem;top:calc((1rem - 0.5rem)*-1);margin-inline-start:calc((1rem - 0.5rem)*-1)}:host([disabled]) [part=fill],:host(:disabled) [part=fill]{background:var(--disabled-fill-track-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{border-color:var(--thumb-disabled-border-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;
//# sourceMappingURL=slider.fluent.css.js.map