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.31 kB
import { css } from 'lit'; export const styles = css `[part=tab-header]{color:var(--item-text-color);background:var(--item-background);border-radius:var(--border-radius)}[part=tab-header] ::slotted(igc-icon){color:var(--item-icon-color)}[part=tab-header]:hover,[part=tab-header]:focus-within{color:var(--item-hover-color);background:var(--item-hover-background)}[part=tab-header]:hover ::slotted(igc-icon),[part=tab-header]:focus-within ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part=tab-header]{color:var(--item-active-color)}:host([selected]) [part=tab-header] ::slotted(igc-icon){color:var(--item-active-icon-color)}:host([selected]) [part=tab-header]:hover,:host([selected]) [part=tab-header]:focus-within{color:var(--item-active-color)}:host([selected]) [part=tab-header]:hover ::slotted(igc-icon),:host([selected]) [part=tab-header]:focus-within ::slotted(igc-icon){color:var(--item-active-icon-color)}[part=tab-header]:focus-within,[part=tab-header]:focus,:host([selected]) [part=tab-header]:focus-within,:host([selected]) [part=tab-header]:focus{outline:none}:host([disabled]) [part=tab-header]{color:var(--item-disabled-color)}:host([disabled]) [part=tab-header] ::slotted(igc-icon){color:var(--item-disabled-icon-color)}`; //# sourceMappingURL=tab.common.css.js.map