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
JavaScript
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