igniteui-webcomponents/components/tabs/themes/shared/tab/tab.material.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 `[part~=content]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}[part=tab-header]{padding:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) 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(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));background:initial}[part=tab-header]::before,[part=tab-header]::after{position:absolute;inset:calc(var(--_border-width)*-1);content:"";border:inherit}[part=tab-header]::before{background:var(--item-background);z-index:-2}[part=tab-header]::after{z-index:-1}[part=tab-header]:hover::after,[part=tab-header]:focus-within::after{background:var(--item-hover-background)}:host([selected]) [part=tab-header]::before{background:var(--item-active-background)}:host([selected]) [part=tab-header]:hover::after,:host([selected]) [part=tab-header]:focus-within::after{background:var(--item-active-hover-background)}::slotted(igc-icon){--size: 1.5rem}`;
//# sourceMappingURL=tab.material.css.js.map