igniteui-webcomponents/components/button-group/themes/shared/button/button.common.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 [part~=toggle]{--ig-icon-size: 1.125rem;--igx-icon-size: 1.125rem;min-height:max(var(--is-large, 1)*max(2.25rem, -1 * 2.25rem),var(--is-medium, 1)*max(1.875rem, -1 * 1.875rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));min-width:var(--button-min-width);color:var(--item-text-color);background:var(--item-background);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));border-color:var(--item-border-color)}:host [part~=toggle] ::slotted(igc-icon){color:var(--item-icon-color)}:host [part="toggle focused"]{z-index:2;color:var(--item-focused-text-color);background:var(--item-focused-background);border-color:var(--item-focused-border-color)}:host [part="toggle focused"] ::slotted(igc-icon){color:var(--item-focused-text-color)}:host(:hover) [part~=toggle]{z-index:1;color:var(--item-hover-text-color);background:var(--item-hover-background);border-color:var(--item-hover-border-color)}:host(:hover) [part~=toggle] ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host(:hover) [part="toggle focused"]{z-index:2;background:var(--item-focused-hover-background);border-color:var(--item-focused-hover-border-color);color:var(--item-focused-hover-text-color)}:host(:hover) [part="toggle focused"] ::slotted(igc-icon){color:var(--item-focused-hover-text-color)}:host(:active) [part~=toggle],[part~=toggle]:active{background:var(--item-active-background);border-color:var(--item-active-border-color);color:var(--item-hover-text-color)}:host(:active) [part~=toggle] ::slotted(igc-icon),[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host(:active) [part=toggle-focused],[part="toggle focused"]:active{color:var(--item-focused-hover-text-color)}:host(:active) [part=toggle-focused] ::slotted(igc-icon),[part="toggle focused"]:active ::slotted(igc-icon){color:var(--item-focused-hover-text-color)}:host([selected]) [part~=toggle]{color:var(--item-selected-text-color);background:var(--item-selected-background);border-color:var(--item-selected-border-color);z-index:2}:host([selected]) [part~=toggle] ::slotted(igc-icon){color:var(--item-selected-icon-color)}:host([selected]) [part="toggle focused"]{background:var(--item-selected-focus-background);border-color:var(--item-selected-border-color)}:host([selected]:hover) [part~=toggle]{color:var(--item-selected-hover-text-color);background:var(--item-selected-hover-background);border-color:var(--item-selected-hover-border-color)}:host([selected]:hover) [part~=toggle] ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]:hover) [part="toggle focused"]{background:var(--item-selected-focus-hover-background);border-color:var(--item-selected-hover-border-color)}:host([selected]:active) [part~=toggle],:host([selected]) [part~=toggle]:active{background:var(--item-selected-active-background);color:var(--item-selected-hover-text-color);border-color:var(--item-selected-active-border-color)}:host([selected]:active) [part~=toggle] ::slotted(igc-icon),:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([disabled]) [part~=toggle],:host(:disabled) [part~=toggle]{color:var(--disabled-text-color);background:var(--disabled-background-color);border-color:var(--item-disabled-border)}:host([disabled]) ::slotted(igc-icon),:host(:disabled) ::slotted(igc-icon){color:var(--disabled-text-color)}:host-context([disabled]) [part~=toggle],:host-context(:disabled) [part~=toggle]{color:var(--disabled-text-color);background:var(--disabled-background-color);border-color:var(--item-disabled-border)}:host-context([disabled]) ::slotted(igc-icon),:host-context(:disabled) ::slotted(igc-icon){color:var(--disabled-text-color)}:host([selected]:disabled) [part~=toggle],:host([selected][disabled]) [part~=toggle]{color:var(--disabled-selected-text-color);background:var(--disabled-selected-background);border-color:var(--disabled-selected-border-color)}:host([selected]:disabled) ::slotted(igc-icon),:host([selected][disabled]) ::slotted(igc-icon){color:var(--disabled-selected-icon-color)}`;
//# sourceMappingURL=button.common.css.js.map