igniteui-webcomponents/components/stepper/themes/step/shared/step.common.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~=title]{color:var(--title-color)}[part~=subtitle]{color:var(--subtitle-color)}[part~=header]{background:var(--step-background);border-radius:var(--border-radius-step-header)}[part~=header]::before,[part~=header]::after{border-block-start-style:var(--step-separator-style);border-block-start-color:var(--step-separator-color)}[part~=header]:hover{background:var(--step-hover-background);color:var(--title-hover-color)}[part~=header]:hover [part~=title]{color:var(--title-hover-color)}[part~=header]:hover [part~=subtitle]{color:var(--subtitle-hover-color)}[part~=header]:focus,[part~=header]:focus-within,[part~=header]:active{background:var(--step-focus-background);color:var(--title-focus-color)}[part~=header]:focus [part~=title],[part~=header]:focus-within [part~=title],[part~=header]:active [part~=title]{color:var(--title-focus-color)}[part~=header]:focus [part~=subtitle],[part~=header]:focus-within [part~=subtitle],[part~=header]:active [part~=subtitle]{color:var(--subtitle-focus-color)}[part~=header-container]::before,[part~=header]::before{border-block-start-color:var(--step-separator-color);border-block-start-style:var(--step-separator-style)}[part~=body]::before{border-inline-start-color:var(--step-separator-color)}[part~=indicator]{border-radius:var(--border-radius-indicator);background:var(--indicator-background);color:var(--indicator-color);box-shadow:0 0 0 .0625rem var(--indicator-outline)}[part~=complete-start]::after{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=complete-start] [part~=header]::after{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=complete-start] [part~=indicator]{background:var(--complete-indicator-background);color:var(--complete-indicator-color);box-shadow:0 0 0 .0625rem var(--complete-indicator-outline)}[part~=complete-start] [part~=title]{color:var(--complete-title-color)}[part~=complete-start] [part~=subtitle]{color:var(--complete-subtitle-color)}[part~=complete-end]::before{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=complete-end] [part~=header]::before{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=invalid] [part~=indicator]{color:var(--invalid-indicator-color);background:var(--invalid-indicator-background);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--invalid-indicator-outline)}[part~=invalid] [part~=title]{color:var(--invalid-title-color)}[part~=invalid] [part~=subtitle]{color:var(--invalid-subtitle-color)}[part~=invalid] [part~=header]{background:var(--invalid-step-background)}[part~=invalid] [part~=header]:hover{background:var(--invalid-step-hover-background)}[part~=invalid] [part~=header]:hover [part~=title]{color:var(--invalid-title-hover-color)}[part~=invalid] [part~=header]:hover [part~=subtitle]{color:var(--invalid-subtitle-hover-color)}[part~=invalid] [part~=header]:focus,[part~=invalid] [part~=header]:focus-within,[part~=invalid] [part~=header]:active{background:var(--invalid-step-focus-background)}[part~=invalid] [part~=header]:focus [part~=title],[part~=invalid] [part~=header]:focus-within [part~=title],[part~=invalid] [part~=header]:active [part~=title]{color:var(--invalid-title-focus-color)}[part~=invalid] [part~=header]:focus [part~=subtitle],[part~=invalid] [part~=header]:focus-within [part~=subtitle],[part~=invalid] [part~=header]:active [part~=subtitle]{color:var(--invalid-subtitle-focus-color)}:host([complete]:not([active])) [part~=header]{background:var(--complete-step-background)}:host([complete]:not([active])) [part~=header]:hover{background:var(--complete-step-hover-background)}:host([complete]:not([active])) [part~=header]:hover [part~=title]{color:var(--complete-title-hover-color)}:host([complete]:not([active])) [part~=header]:hover [part~=subtitle]{color:var(--complete-subtitle-hover-color)}:host([complete]:not([active])) [part~=header]:focus,:host([complete]:not([active])) [part~=header]:focus-within,:host([complete]:not([active])) [part~=header]:active{background:var(--complete-step-focus-background)}:host([complete]:not([active])) [part~=header]:focus [part~=title],:host([complete]:not([active])) [part~=header]:focus-within [part~=title],:host([complete]:not([active])) [part~=header]:active [part~=title]{color:var(--complete-title-focus-color)}:host([complete]:not([active])) [part~=header]:focus [part~=subtitle],:host([complete]:not([active])) [part~=header]:focus-within [part~=subtitle],:host([complete]:not([active])) [part~=header]:active [part~=subtitle]{color:var(--complete-subtitle-focus-color)}:host([complete]:not([active])) [part~=body]::before{border-inline-start-style:var(--complete-step-separator-style);border-inline-start-color:var(--complete-step-separator-color)}:host([active]) [part~=header]{background:var(--current-step-background)}:host([active]) [part~=header]:hover{background:var(--current-step-hover-background)}:host([active]) [part~=header]:hover [part~=title]{color:var(--current-title-hover-color)}:host([active]) [part~=header]:hover [part~=subtitle]{color:var(--current-subtitle-hover-color)}:host([active]) [part~=header]:focus,:host([active]) [part~=header]:focus-within,:host([active]) [part~=header]:active{background:var(--current-step-focus-background)}:host([active]) [part~=header]:focus [part~=title],:host([active]) [part~=header]:focus-within [part~=title],:host([active]) [part~=header]:active [part~=title]{color:var(--current-title-focus-color)}:host([active]) [part~=header]:focus [part~=subtitle],:host([active]) [part~=header]:focus-within [part~=subtitle],:host([active]) [part~=header]:active [part~=subtitle]{color:var(--current-subtitle-focus-color)}:host([active]) [part~=indicator]{background:var(--current-indicator-background);color:var(--current-indicator-color);box-shadow:0 0 0 .0625rem var(--current-indicator-outline)}:host([active]) [part~=title]{color:var(--current-title-color);font-weight:600}:host([active]) [part~=subtitle]{color:var(--current-subtitle-color)}[part~=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--content-foreground)}[part~=disabled]:focus [part=header],[part~=disabled]:focus-visible [part=header],[part~=disabled]:focus-within [part=header],[part~=disabled]:active [part=header],[part~=disabled]:hover [part=header]{background:var(--step-background)}[part~=disabled]:focus [part~=title],[part~=disabled]:focus-visible [part~=title],[part~=disabled]:focus-within [part~=title],[part~=disabled]:active [part~=title],[part~=disabled]:hover [part~=title]{color:var(--disabled-title-color)}[part~=disabled]:focus [part~=subtitle],[part~=disabled]:focus-visible [part~=subtitle],[part~=disabled]:focus-within [part~=subtitle],[part~=disabled]:active [part~=subtitle],[part~=disabled]:hover [part~=subtitle]{color:var(--disabled-subtitle-color)}[part~=disabled] [part~=indicator]{color:var(--disabled-indicator-color);background:var(--disabled-indicator-background);box-shadow:0 0 0 .0625rem var(--disabled-indicator-outline)}[part~=disabled] [part~=title]{color:var(--disabled-title-color)}[part~=disabled] [part~=subtitle]{color:var(--disabled-subtitle-color)}`;
//# sourceMappingURL=step.common.css.js.map