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 960 B
import { css } from 'lit'; export const styles = css `:host{transition:none;border-end-end-radius:0;border-end-start-radius:0}:host(:hover){box-shadow:inset 0 0 0 .0625rem var(--border-color--hover)}:host([selected]){position:relative;box-shadow:inset 0 0 0 .0625rem var(--border-color)}:host([selected])::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:100%;height:.0625rem;background:var(--item-background);z-index:1}:host([selected]:hover){color:var(--item-active-color);border-top-color:var(--border-color);border-inline-color:var(--border-color);border-bottom-color:var(--item-background)}:host(:focus-within),:host([selected]:focus-within){border-radius:var(--border-radius);color:var(--item-hover-color);background:var(--item-background);box-shadow:inset 0 0 0 .125rem var(--item-hover-color);z-index:1}:host(:focus-within)::after,:host([selected]:focus-within)::after{display:none}`; //# sourceMappingURL=tab.bootstrap.css.js.map