UNPKG

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.72 kB
import { css } from 'lit'; export const styles = css `[part=ticks]{bottom:.1875rem}[part=ticks]:first-child{top:.1875rem}[part=ticks]:first-child [part=tick-label]{top:auto;bottom:1.25rem}[part=thumb-label-inner]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.1875rem),0.1875rem);min-width:2.25rem}[part=thumb-label-inner]::after{border-top:.75rem solid var(--label-background-color);top:1rem}[part=thumb-label]{top:calc((1.375rem + 1.125rem)*-1);height:1.375rem}[part=base]:hover [part=inactive]{background:var(--base-track-hover-color)}[part=base]:hover [part=fill]{background:var(--track-hover-color)}[part=track]{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.25rem),0.25rem)}[part=track],[part=fill],[part=inactive]{height:.125rem;top:initial}[part=steps]{height:.125rem}[part=steps] line{transform:none;stroke-width:var(--track-step-size)}[part=tick-label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);top:1.25rem;color:var(--tick-label-color)}[part~=thumb]{border:.125rem solid var(--thumb-border-color);width:.75rem;height:.75rem;top:calc((0.75rem - 0.375rem)*-1);margin-inline-start:calc((0.75rem - 0.375rem)*-1)}[part~=thumb]:hover,[part~=thumb]:active{transform:scale(1.3333333333);border-color:var(--thumb-border-hover-color)}[part~=thumb]:focus{box-shadow:0 0 0 .1875rem var(--thumb-focus-color)}[part~=thumb]::after{display:none}:host([disabled]) [part=fill],:host(:disabled) [part=fill]{background:var(--disabled-fill-track-color)}:host([disabled]) [part=steps],:host(:disabled) [part=steps]{color:rgba(0,0,0,0)}:host([disabled]) [part=thumb],:host(:disabled) [part=thumb]{border-color:var(--thumb-disabled-border-color)}:host([disabled]) [part=tick],:host(:disabled) [part=tick]{background:var(--disabled-base-track-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-base-track-color)}`; //# sourceMappingURL=slider.indigo.css.js.map