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 `: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, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host ::slotted(igc-icon){--size: var(--button-icon) !important}:host [part="toggle focused"]{z-index:2;box-shadow:0 0 0 .1875rem var(--idle-shadow-color);border-color:var(--item-border-color);color:var(--item-focused-text-color)}:host(:hover) [part~=toggle]{z-index:1}:host(:hover) [part="toggle focused"]{border-color:var(--item-hover-border-color);color:var(--item-hover-text-color)}[part~=toggle]:active{color:var(--item-hover-text-color);background:var(--item-hover-background);border-color:var(--item-hover-border-color);z-index:2}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]:hover) [part="toggle focused"]{border-color:var(--item-selected-hover-border-color)}:host([selected]) [part="toggle focused"]{box-shadow:0 0 0 .1875rem var(--selected-shadow-color);border-color:var(--item-selected-border-color);color:var(--item-selected-hover-text-color)}:host([selected]) [part~=toggle]:active{color:var(--item-selected-hover-text-color);background:var(--item-selected-hover-background);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]:disabled) [part~=toggle],:host([selected][disabled]) [part~=toggle]{color:var(--disabled-selected-text-color);background:var(--disabled-selected-background);border:none}:host([selected]:disabled) [part~=toggle]::before,:host([selected][disabled]) [part~=toggle]::before{display:none}:host([selected]:disabled) ::slotted(igc-icon),:host([selected][disabled]) ::slotted(igc-icon){color:var(--disabled-selected-icon-color)}`; //# sourceMappingURL=button.indigo.css.js.map