integralui-web-tabstrip
Version:
IntegralUI Web Lite - TabStrip is a native Web Component that consists of multiple panels with tabs that share the same space.
44 lines (40 loc) • 1.54 kB
JavaScript
import { c as css } from '../../external/lit-element.js';
const iuiTabOfficeStyle = css`
.iui-tab-header
{
background: var(--tab-header-background, transparent);
border: var(--tab-header-border, 0);
color: var(--tab-header-color, black);
}
.iui-tab-header-hovered
{
background: var(--tab-header-hovered-background, transparent);
border: var(--tab-header-hovered-border, 0);
color: var(--tab-header-hovered-color, black);
animation-name: iui-tab-header-hovered-animate-enter;
animation-delay: 0s;
animation-direction: normal;
animation-duration: 0.15s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: linear;
}
@keyframes iui-tab-header-hovered-animate-enter {
0% { color: var(--tab-header-hovered-animation-color-0, black); }
100% { color: var(--tab-header-hovered-animation-color-100, #3376b0); }
}
.iui-tab-header-selected
{
background: var(--tab-header-selected-background, transparent);
border: var(--tab-header-selected-border, 0);
color: var(--tab-header-selected-color, #266499);
font-weight: var(--tab-header-selected-font-weight, bold);
}
.iui-tab-content
{
background: var(--tab-content-background, white);
border: var(--tab-content-border, 0);
}
`;
export { iuiTabOfficeStyle };