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.67 kB
JavaScript
import { css } from 'lit';
export const styles = css `:host{--button-icon: 1rem}:host [part~=toggle]{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);min-height:max(var(--is-large, 1)*max(2rem, -1 * 2rem),var(--is-medium, 1)*max(1.75rem, -1 * 1.75rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));border-width:.0625rem;padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*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.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::slotted(igc-icon){--size: var(--button-icon) !important}:host [part="toggle focused"]{box-shadow:0 0 0 .1875rem var(--idle-shadow-color)}:host [part="toggle focused"] ::slotted(igc-icon){color:var(--item-icon-color)}:host(:hover) [part="toggle focused"] ::slotted(igc-icon),[part="toggle focused"]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part="toggle focused"]{box-shadow:0 0 0 .1875rem var(--selected-shadow-color)}:host([selected]:disabled) [part~=toggle],:host([selected][disabled]) [part~=toggle]{border:none}`;
//# sourceMappingURL=button.indigo.css.js.map