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 1.97 kB
import { css } from 'lit'; export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;justify-content:center;align-items:center;width:var(--symbol-size);height:var(--symbol-size)}[part~=symbol]{position:absolute;display:flex;color:inherit;align-items:center;justify-content:center;width:var(--symbol-size);height:var(--symbol-size);min-width:var(--symbol-size);min-height:var(--symbol-size);font-size:var(--symbol-size);font-family:sans-serif;line-height:100%;letter-spacing:0}[part~=symbol] igc-icon{--size: var(--symbol-size)}[part="symbol full"]{color:var(--symbol-full-color)}[part="symbol empty"]{color:var(--symbol-empty-color)}::slotted(*){display:inline-flex;justify-content:center;align-items:center}::slotted(igc-icon){--size: var(--symbol-size) !important}slot:not([name])::slotted(:not(igc-icon)){filter:var(--disabled-symbol-full-filter, grayscale(0))}[name=empty]::slotted(:not(igc-icon)){filter:var(--disabled-symbol-empty-filter, grayscale(1))}`; //# sourceMappingURL=rating-symbol.base.css.js.map