igniteui-webcomponents/components/tabs/themes/tabs.base.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{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;flex-direction:column;overflow:hidden}:host([alignment=start]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){margin-inline-end:auto}:host([alignment=end]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){margin-inline-end:auto}:host([alignment=justify]) [part=headers-scroll] ::slotted(igc-tab){flex-basis:100px;flex-grow:1;max-width:100%}[part=headers]{display:flex;overflow:hidden;min-height:2.625rem;flex:none}[part=headers-content]{display:flex;flex:1 1 auto;scroll-behavior:smooth;overflow:hidden}[part=headers-wrapper]{position:relative;flex-grow:1}[part=headers-scroll]{display:flex;height:100%}[part=content]{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}[part=selected-indicator]{position:absolute;inset-inline-start:0;bottom:0;transform:translateX(0);height:.125rem;min-width:5.625rem;transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1)}[part=start-scroll-button],[part=end-scroll-button]{display:flex;align-items:center;justify-content:center;z-index:1;border:none;padding:0;min-width:3rem;width:3rem;height:inherit;cursor:pointer;position:relative}[part=start-scroll-button] ::slotted(*),[part=end-scroll-button] ::slotted(*){box-shadow:none}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{background:rgba(0,0,0,0);box-shadow:none}:host-context([dir=rtl]) [part=start-scroll-button],:host-context([dir=rtl]) [part=end-scroll-button],:host([dir=rtl]) [part=start-scroll-button],:host([dir=rtl]) [part=end-scroll-button]{transform:scaleX(-1)}`;
//# sourceMappingURL=tabs.base.css.js.map