| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetBlockStart | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetInlineStart | |
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetInlineStart
- calc(--pf-v6-c-progress-stepper__step-icon--Width / 2)
- calc(1.5rem / 2)
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical__step-connector--before--Width | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical__step-connector--before--Height | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndWidth | |
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndWidth
- --pf-t--global--border--width--box--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndColor | |
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndWidth | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndColor | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical__step-connector--before--Transform | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockStart | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockEnd | |
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockEnd
- --pf-t--global--spacer--xl
- --pf-t--global--spacer--500
- 2rem
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart | |
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBlockEnd | |
- --pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginBlockStart | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginInlineEnd | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginInlineStart | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical--m-center__step-main--MarginInlineEnd | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-vertical--m-center__step-main--MarginInlineStart | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetBlockStart | |
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetBlockStart
- calc(--pf-v6-c-progress-stepper__step-icon--Height / 2)
- calc(--pf-v6-c-progress-stepper__step-icon--Width / 2)
- calc(1.5rem / 2)
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetInlineStart | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Width | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Height | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndWidth | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndColor | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndWidth | |
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndWidth
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndColor | |
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Transform | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockStart | |
- --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineEnd | |
- --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockEnd | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineStart | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns | repeat(auto-fill, 1.75rem) |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBlockEnd | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-compact--GridAutoFlow | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-compact__step-main--MarginBlockStart | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-compact__step-main--MarginBlockEnd | |
- --pf-v6-c-progress-stepper--m-compact__step-main--MarginBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-compact__step-connector--MinWidth | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-compact__step-icon--Width | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-compact__step-icon--FontSize | |
- --pf-v6-c-progress-stepper--m-compact__step-icon--FontSize
- --pf-t--global--icon--size--font--body--sm
- --pf-t--global--font--size--body--sm
- --pf-t--global--font--size--xs
- --pf-t--global--font--size--100
- 0.75rem
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-compact__step-title--FontSize | |
- --pf-v6-c-progress-stepper--m-compact__step-title--FontSize
- --pf-t--global--font--size--body--lg
- --pf-t--global--font--size--md
- --pf-t--global--font--size--300
- 1rem
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-compact__step-title--FontWeight | |
- --pf-v6-c-progress-stepper--m-compact__step-title--FontWeight
- --pf-t--global--font--weight--body--bold
- --pf-t--global--font--weight--200
- 600
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-compact__pficon--MarginBlockStart | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginBlockStart | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-center__step-connector--before--InsetInlineStart | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-center--GridTemplateColumns | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-center__step-connector--JustifyContent | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-center__step-main--MarginInlineEnd | |
- --pf-v6-c-progress-stepper--m-center__step-main--MarginInlineEnd
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-center__step-main--MarginInlineStart | |
- --pf-v6-c-progress-stepper--m-center__step-main--MarginInlineStart
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-center__step-main--TextAlign | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-center__step-description--MarginInlineEnd | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-center__step-description--MarginInlineStart | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--GridTemplateRows | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-connector--JustifyContent | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-icon--ZIndex | |
- --pf-v6-c-progress-stepper__step-icon--ZIndex
- --pf-t--global--z-index--xs
- --pf-t--global--z-index--100
- 100
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-icon--Width | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-icon--Height | |
- --pf-v6-c-progress-stepper__step-icon--Height
- --pf-v6-c-progress-stepper__step-icon--Width
- 1.5rem
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-icon--FontSize | |
- --pf-v6-c-progress-stepper__step-icon--FontSize
- --pf-t--global--icon--size--font--body--default
- --pf-t--global--font--size--body--default
- --pf-t--global--font--size--sm
- --pf-t--global--font--size--200
- 0.875rem
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-icon--Color | |
- --pf-v6-c-progress-stepper__step-icon--Color
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-icon--BackgroundColor | |
- --pf-v6-c-progress-stepper__step-icon--BackgroundColor
- --pf-t--global--background--color--primary--default
- --pf-t--global--background--color--100
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-icon--BorderWidth | |
- --pf-v6-c-progress-stepper__step-icon--BorderWidth
- --pf-t--global--border--width--box--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-icon--BorderColor | |
- --pf-v6-c-progress-stepper__step-icon--BorderColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step--m-current__step-icon--Color | |
- --pf-v6-c-progress-stepper__step--m-current__step-icon--Color
- --pf-t--global--icon--color--brand--default
- --pf-t--global--color--brand--default
- --pf-t--global--color--brand--200
- --pf-t--color--blue--50
- #0066cc
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step--m-info__step-icon--Color | |
- --pf-v6-c-progress-stepper__step--m-info__step-icon--Color
- --pf-t--global--icon--color--status--info--default
- --pf-t--global--color--status--info--default
- --pf-t--global--color--status--info--100
- --pf-t--color--purple--50
- #5e40be
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step--m-success__step-icon--Color | |
- --pf-v6-c-progress-stepper__step--m-success__step-icon--Color
- --pf-t--global--icon--color--status--success--default
- --pf-t--global--color--status--success--default
- --pf-t--global--color--status--success--100
- --pf-t--color--green--60
- #3d7317
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step--m-warning__step-icon--Color | |
- --pf-v6-c-progress-stepper__step--m-warning__step-icon--Color
- --pf-t--global--icon--color--status--warning--default
- --pf-t--global--color--status--warning--200
- --pf-t--color--yellow--40
- #dca614
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step--m-danger__step-icon--Color | |
- --pf-v6-c-progress-stepper__step--m-danger__step-icon--Color
- --pf-t--global--icon--color--status--danger--default
- --pf-t--global--color--status--danger--default
- --pf-t--global--color--status--danger--100
- --pf-t--color--red-orange--60
- #b1380b
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step--m-custom__step-icon--Color | |
- --pf-v6-c-progress-stepper__step--m-custom__step-icon--Color
- --pf-t--global--icon--color--status--custom--default
- --pf-t--global--color--status--custom--default
- --pf-t--global--color--status--custom--100
- --pf-t--color--teal--60
- #147878
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__pficon--MarginBlockStart | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__fa-exclamation-triangle--MarginBlockStart | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-title--Color | |
- --pf-v6-c-progress-stepper__step-title--Color
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-title--TextAlign | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-title--FontSize | |
- --pf-v6-c-progress-stepper__step-title--FontSize
- --pf-t--global--font--size--body--lg
- --pf-t--global--font--size--md
- --pf-t--global--font--size--300
- 1rem
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-title--FontWeight | |
- --pf-v6-c-progress-stepper__step-title--FontWeight
- --pf-t--global--font--weight--body--default
- --pf-t--global--font--weight--100
- 400
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step--m-current__step-title--FontWeight | |
- --pf-v6-c-progress-stepper__step--m-current__step-title--FontWeight
- --pf-t--global--font--weight--body--bold
- --pf-t--global--font--weight--200
- 600
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step--m-current__step-title--Color | |
- --pf-v6-c-progress-stepper__step--m-current__step-title--Color
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step--m-pending__step-title--Color | |
- --pf-v6-c-progress-stepper__step--m-pending__step-title--Color
- --pf-t--global--text--color--subtle
- --pf-t--global--text--color--200
- --pf-t--color--gray--60
- #4d4d4d
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step--m-danger__step-title--Color | |
- --pf-v6-c-progress-stepper__step--m-danger__step-title--Color
- --pf-t--global--text--color--status--danger--default
- --pf-t--global--color--status--danger--default
- --pf-t--global--color--status--danger--100
- --pf-t--color--red-orange--60
- #b1380b
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine | |
- --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine
- --pf-t--global--text-decoration--help-text--line--default
- --pf-t--global--text-decoration--line--200
- underline
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle | |
- --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle
- --pf-t--global--text-decoration--help-text--style--default
- --pf-t--global--text-decoration--style--200
- dashed
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine | |
- --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine
- --pf-t--global--text-decoration--help-text--line--hover
- --pf-t--global--text-decoration--line--200
- underline
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle | |
- --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle
- --pf-t--global--text-decoration--help-text--style--hover
- --pf-t--global--text-decoration--style--200
- dashed
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color | |
- --pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color
- --pf-t--global--text--color--brand--hover
- --pf-t--global--color--brand--hover
- --pf-t--global--color--brand--300
- --pf-t--color--blue--60
- #004d99
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color | |
- --pf-v6-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color
- --pf-t--global--text--color--status--danger--hover
- --pf-t--global--color--status--danger--hover
- --pf-t--global--color--status--danger--200
- --pf-t--color--red-orange--70
- #731f00
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-description--MarginBlockStart | |
- --pf-v6-c-progress-stepper__step-description--MarginBlockStart
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-description--FontSize | |
- --pf-v6-c-progress-stepper__step-description--FontSize
- --pf-t--global--font--size--body--sm
- --pf-t--global--font--size--xs
- --pf-t--global--font--size--100
- 0.75rem
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-description--Color | |
- --pf-v6-c-progress-stepper__step-description--Color
- --pf-t--global--text--color--subtle
- --pf-t--global--text--color--200
- --pf-t--color--gray--60
- #4d4d4d
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-description--TextAlign | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--GridAutoFlow | |
- --pf-v6-c-progress-stepper--GridAutoFlow
- --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow
- row
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--GridTemplateColumns | |
- --pf-v6-c-progress-stepper--GridTemplateColumns
- --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns
- auto 1fr
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart | |
- --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetBlockStart
- 0
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart | |
- --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetInlineStart
- calc(--pf-v6-c-progress-stepper__step-icon--Width / 2)
- calc(1.5rem / 2)
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-connector--before--Width | |
- --pf-v6-c-progress-stepper__step-connector--before--Width
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--Width
- auto
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-connector--before--Height | |
- --pf-v6-c-progress-stepper__step-connector--before--Height
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--Height
- 100%
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth | |
- --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndWidth
- --pf-t--global--border--width--box--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor | |
- --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth | |
- --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndWidth
- 0
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor | |
- --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndColor
- transparent
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-connector--before--Transform | |
- --pf-v6-c-progress-stepper__step-connector--before--Transform
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--Transform
- translateX(-50%)
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-main--MarginBlockStart | |
- --pf-v6-c-progress-stepper__step-main--MarginBlockStart
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockStart
- 0px
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-main--MarginInlineEnd | |
- --pf-v6-c-progress-stepper__step-main--MarginInlineEnd
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd
- 0
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-main--MarginBlockEnd | |
- --pf-v6-c-progress-stepper__step-main--MarginBlockEnd
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockEnd
- --pf-t--global--spacer--xl
- --pf-t--global--spacer--500
- 2rem
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper__step-main--MarginInlineStart | |
- --pf-v6-c-progress-stepper__step-main--MarginInlineStart
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns | |
- --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns
- --pf-v6-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns
- 1fr
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow | |
- --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow
- --pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow
- auto
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd | |
- --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd
- --pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-center__step-connector--before--Content | |
| .pf-v6-c-progress-stepper | --pf-v6-c-progress-stepper--m-center__step-main--before--Content | |
| .pf-v6-c-progress-stepper.pf-m-center | --pf-v6-c-progress-stepper__step-connector--JustifyContent | |
- --pf-v6-c-progress-stepper__step-connector--JustifyContent
- --pf-v6-c-progress-stepper--m-center__step-connector--JustifyContent
- center
|
| .pf-v6-c-progress-stepper.pf-m-center | --pf-v6-c-progress-stepper__step-main--MarginInlineEnd | |
- --pf-v6-c-progress-stepper__step-main--MarginInlineEnd
- --pf-v6-c-progress-stepper--m-center__step-main--MarginInlineEnd
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-progress-stepper.pf-m-center | --pf-v6-c-progress-stepper__step-main--MarginInlineStart | |
- --pf-v6-c-progress-stepper__step-main--MarginInlineStart
- --pf-v6-c-progress-stepper--m-center__step-main--MarginInlineStart
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-progress-stepper.pf-m-center | --pf-v6-c-progress-stepper--step-main--TextAlign | |
- --pf-v6-c-progress-stepper--step-main--TextAlign
- var(--pf-v6-c-progress-stepper--m-center__step-main--TextAlign, auto)
- center, auto
|
| .pf-v6-c-progress-stepper.pf-m-center | --pf-v6-c-progress-stepper__step-title--TextAlign | |
- --pf-v6-c-progress-stepper__step-title--TextAlign
- var(--pf-v6-c-progress-stepper--m-center__step-title--TextAlign, auto)
- undefined, auto
|
| .pf-v6-c-progress-stepper.pf-m-center | --pf-v6-c-progress-stepper__step-description--MarginInlineEnd | |
- --pf-v6-c-progress-stepper__step-description--MarginInlineEnd
- --pf-v6-c-progress-stepper--m-center__step-description--MarginInlineEnd
- 0
|
| .pf-v6-c-progress-stepper.pf-m-center | --pf-v6-c-progress-stepper__step-description--MarginInlineStart | |
- --pf-v6-c-progress-stepper__step-description--MarginInlineStart
- --pf-v6-c-progress-stepper--m-center__step-description--MarginInlineStart
- 0
|
| .pf-v6-c-progress-stepper.pf-m-center | --pf-v6-c-progress-stepper__step-description--TextAlign | |
- --pf-v6-c-progress-stepper__step-description--TextAlign
- var(--pf-v6-c-progress-stepper--m-center__step-description--TextAlign, auto)
- undefined, auto
|
| .pf-v6-c-progress-stepper.pf-m-center | --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd | |
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd
- --pf-v6-c-progress-stepper--m-vertical--m-center__step-main--MarginInlineEnd
- 0
|
| .pf-v6-c-progress-stepper.pf-m-center | --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart | |
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart
- --pf-v6-c-progress-stepper--m-vertical--m-center__step-main--MarginInlineStart
- 0
|
| .pf-v6-c-progress-stepper.pf-m-compact | --pf-v6-c-progress-stepper__step-main--MarginBlockStart | |
- --pf-v6-c-progress-stepper__step-main--MarginBlockStart
- --pf-v6-c-progress-stepper--m-compact__step-main--MarginBlockStart
- 0
|
| .pf-v6-c-progress-stepper.pf-m-compact | --pf-v6-c-progress-stepper__step-main--MarginBlockEnd | |
- --pf-v6-c-progress-stepper__step-main--MarginBlockEnd
- --pf-v6-c-progress-stepper--m-compact__step-main--MarginBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-progress-stepper.pf-m-compact | --pf-v6-c-progress-stepper__step-icon--Width | |
- --pf-v6-c-progress-stepper__step-icon--Width
- --pf-v6-c-progress-stepper--m-compact__step-icon--Width
- 1.125rem
|
| .pf-v6-c-progress-stepper.pf-m-compact | --pf-v6-c-progress-stepper__step-icon--FontSize | |
- --pf-v6-c-progress-stepper__step-icon--FontSize
- --pf-v6-c-progress-stepper--m-compact__step-icon--FontSize
- --pf-t--global--icon--size--font--body--sm
- --pf-t--global--font--size--body--sm
- --pf-t--global--font--size--xs
- --pf-t--global--font--size--100
- 0.75rem
|
| .pf-v6-c-progress-stepper.pf-m-compact | --pf-v6-c-progress-stepper__step-title--FontSize | |
- --pf-v6-c-progress-stepper__step-title--FontSize
- --pf-v6-c-progress-stepper--m-compact__step-title--FontSize
- --pf-t--global--font--size--body--lg
- --pf-t--global--font--size--md
- --pf-t--global--font--size--300
- 1rem
|
| .pf-v6-c-progress-stepper.pf-m-compact | --pf-v6-c-progress-stepper__step--m-current__step-title--FontWeight | |
- --pf-v6-c-progress-stepper__step--m-current__step-title--FontWeight
- --pf-v6-c-progress-stepper--m-compact__step-title--FontWeight
- --pf-t--global--font--weight--body--bold
- --pf-t--global--font--weight--200
- 600
|
| .pf-v6-c-progress-stepper.pf-m-compact | --pf-v6-c-progress-stepper__pficon--MarginBlockStart | |
- --pf-v6-c-progress-stepper__pficon--MarginBlockStart
- --pf-v6-c-progress-stepper--m-compact__pficon--MarginBlockStart
- 2px
|
| .pf-v6-c-progress-stepper.pf-m-compact | --pf-v6-c-progress-stepper__fa-exclamation-triangle--MarginBlockStart | |
- --pf-v6-c-progress-stepper__fa-exclamation-triangle--MarginBlockStart
- --pf-v6-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginBlockStart
- -3px
|
| .pf-v6-c-progress-stepper.pf-m-compact | --pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockStart | |
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockStart
- --pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginBlockStart
- 0
|
| .pf-v6-c-progress-stepper.pf-m-compact | --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd | |
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd
- --pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginInlineEnd
- 0
|
| .pf-v6-c-progress-stepper.pf-m-compact | --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart | |
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart
- --pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginInlineStart
- 0
|
| .pf-v6-c-progress-stepper__step.pf-m-current | --pf-v6-c-progress-stepper__step-title--FontWeight | |
- --pf-v6-c-progress-stepper__step-title--FontWeight
- --pf-v6-c-progress-stepper__step--m-current__step-title--FontWeight
- --pf-t--global--font--weight--body--bold
- --pf-t--global--font--weight--200
- 600
|
| .pf-v6-c-progress-stepper__step.pf-m-current | --pf-v6-c-progress-stepper__step-title--Color | |
- --pf-v6-c-progress-stepper__step-title--Color
- --pf-v6-c-progress-stepper__step--m-current__step-title--Color
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-progress-stepper__step.pf-m-current | --pf-v6-c-progress-stepper__step-icon--Color | |
- --pf-v6-c-progress-stepper__step-icon--Color
- --pf-v6-c-progress-stepper__step--m-current__step-icon--Color
- --pf-t--global--icon--color--brand--default
- --pf-t--global--color--brand--default
- --pf-t--global--color--brand--200
- --pf-t--color--blue--50
- #0066cc
|
| .pf-v6-c-progress-stepper__step.pf-m-pending | --pf-v6-c-progress-stepper__step-title--Color | |
- --pf-v6-c-progress-stepper__step-title--Color
- --pf-v6-c-progress-stepper__step--m-pending__step-title--Color
- --pf-t--global--text--color--subtle
- --pf-t--global--text--color--200
- --pf-t--color--gray--60
- #4d4d4d
|
| .pf-v6-c-progress-stepper__step.pf-m-success | --pf-v6-c-progress-stepper__step-icon--Color | |
- --pf-v6-c-progress-stepper__step-icon--Color
- --pf-v6-c-progress-stepper__step--m-success__step-icon--Color
- --pf-t--global--icon--color--status--success--default
- --pf-t--global--color--status--success--default
- --pf-t--global--color--status--success--100
- --pf-t--color--green--60
- #3d7317
|
| .pf-v6-c-progress-stepper__step.pf-m-danger | --pf-v6-c-progress-stepper__step-icon--Color | |
- --pf-v6-c-progress-stepper__step-icon--Color
- --pf-v6-c-progress-stepper__step--m-danger__step-icon--Color
- --pf-t--global--icon--color--status--danger--default
- --pf-t--global--color--status--danger--default
- --pf-t--global--color--status--danger--100
- --pf-t--color--red-orange--60
- #b1380b
|
| .pf-v6-c-progress-stepper__step.pf-m-danger | --pf-v6-c-progress-stepper__step-title--Color | |
- --pf-v6-c-progress-stepper__step-title--Color
- --pf-v6-c-progress-stepper__step--m-danger__step-title--Color
- --pf-t--global--text--color--status--danger--default
- --pf-t--global--color--status--danger--default
- --pf-t--global--color--status--danger--100
- --pf-t--color--red-orange--60
- #b1380b
|
| .pf-v6-c-progress-stepper__step.pf-m-danger | --pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color | |
- --pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color
- --pf-v6-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color
- --pf-t--global--text--color--status--danger--hover
- --pf-t--global--color--status--danger--hover
- --pf-t--global--color--status--danger--200
- --pf-t--color--red-orange--70
- #731f00
|
| .pf-v6-c-progress-stepper__step.pf-m-warning | --pf-v6-c-progress-stepper__step-icon--Color | |
- --pf-v6-c-progress-stepper__step-icon--Color
- --pf-v6-c-progress-stepper__step--m-warning__step-icon--Color
- --pf-t--global--icon--color--status--warning--default
- --pf-t--global--color--status--warning--200
- --pf-t--color--yellow--40
- #dca614
|
| .pf-v6-c-progress-stepper__step.pf-m-info | --pf-v6-c-progress-stepper__step-icon--Color | |
- --pf-v6-c-progress-stepper__step-icon--Color
- --pf-v6-c-progress-stepper__step--m-info__step-icon--Color
- --pf-t--global--icon--color--status--info--default
- --pf-t--global--color--status--info--default
- --pf-t--global--color--status--info--100
- --pf-t--color--purple--50
- #5e40be
|
| .pf-v6-c-progress-stepper__step.pf-m-custom | --pf-v6-c-progress-stepper__step-icon--Color | |
- --pf-v6-c-progress-stepper__step-icon--Color
- --pf-v6-c-progress-stepper__step--m-custom__step-icon--Color
- --pf-t--global--icon--color--status--custom--default
- --pf-t--global--color--status--custom--default
- --pf-t--global--color--status--custom--100
- --pf-t--color--teal--60
- #147878
|
| .pf-v6-c-progress-stepper__step:last-child | --pf-v6-c-progress-stepper__step-main--MarginBlockEnd | |
| .pf-v6-c-progress-stepper__step-title.pf-m-help-text:is(:hover, :focus) | --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine | |
- --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine
- --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine
- --pf-t--global--text-decoration--help-text--line--hover
- --pf-t--global--text-decoration--line--200
- underline
|
| .pf-v6-c-progress-stepper__step-title.pf-m-help-text:is(:hover, :focus) | --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle | |
- --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle
- --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle
- --pf-t--global--text-decoration--help-text--style--hover
- --pf-t--global--text-decoration--style--200
- dashed
|
| .pf-v6-c-progress-stepper__step-title.pf-m-help-text:is(:hover, :focus) | --pf-v6-c-progress-stepper__step-title--Color | |
- --pf-v6-c-progress-stepper__step-title--Color
- --pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color
- --pf-t--global--text--color--brand--hover
- --pf-t--global--color--brand--hover
- --pf-t--global--color--brand--300
- --pf-t--color--blue--60
- #004d99
|
| .pf-v6-c-progress-stepper.pf-m-horizontal | --pf-v6-c-progress-stepper--GridAutoFlow | |
- --pf-v6-c-progress-stepper--GridAutoFlow
- --pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow
- column
|
| .pf-v6-c-progress-stepper.pf-m-horizontal | --pf-v6-c-progress-stepper--GridTemplateColumns | |
- --pf-v6-c-progress-stepper--GridTemplateColumns
- --pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns
- initial
|
| .pf-v6-c-progress-stepper.pf-m-horizontal | --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart | |
- --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetBlockStart
- calc(--pf-v6-c-progress-stepper__step-icon--Height / 2)
- calc(--pf-v6-c-progress-stepper__step-icon--Width / 2)
- calc(1.5rem / 2)
|
| .pf-v6-c-progress-stepper.pf-m-horizontal | --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart | |
- --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetInlineStart
- 0
|
| .pf-v6-c-progress-stepper.pf-m-horizontal | --pf-v6-c-progress-stepper__step-connector--before--Width | |
- --pf-v6-c-progress-stepper__step-connector--before--Width
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Width
- 100%
|
| .pf-v6-c-progress-stepper.pf-m-horizontal | --pf-v6-c-progress-stepper__step-connector--before--Height | |
- --pf-v6-c-progress-stepper__step-connector--before--Height
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Height
- auto
|
| .pf-v6-c-progress-stepper.pf-m-horizontal | --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth | |
- --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndWidth
- 0
|
| .pf-v6-c-progress-stepper.pf-m-horizontal | --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor | |
- --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndColor
- unset
|
| .pf-v6-c-progress-stepper.pf-m-horizontal | --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth | |
- --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndWidth
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-progress-stepper.pf-m-horizontal | --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor | |
- --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-progress-stepper.pf-m-horizontal | --pf-v6-c-progress-stepper__step-connector--before--Transform | |
- --pf-v6-c-progress-stepper__step-connector--before--Transform
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Transform
- translateY(-50%)
|
| .pf-v6-c-progress-stepper.pf-m-horizontal | --pf-v6-c-progress-stepper__step-main--MarginBlockStart | |
- --pf-v6-c-progress-stepper__step-main--MarginBlockStart
- --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-progress-stepper.pf-m-horizontal | --pf-v6-c-progress-stepper__step-main--MarginInlineEnd | |
- --pf-v6-c-progress-stepper__step-main--MarginInlineEnd
- --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-progress-stepper.pf-m-horizontal | --pf-v6-c-progress-stepper__step-main--MarginBlockEnd | |
- --pf-v6-c-progress-stepper__step-main--MarginBlockEnd
- --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockEnd
- 0
|
| .pf-v6-c-progress-stepper.pf-m-horizontal | --pf-v6-c-progress-stepper__step-main--MarginInlineStart | |
- --pf-v6-c-progress-stepper__step-main--MarginInlineStart
- --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineStart
- 0
|
| .pf-v6-c-progress-stepper.pf-m-horizontal | --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns | repeat(auto-fill, 1.75rem) |
- --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns
- --pf-v6-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns
- repeat(auto-fill, 1.75rem)
|
| .pf-v6-c-progress-stepper.pf-m-horizontal | --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow | |
- --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow
- --pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow
- 2
|
| .pf-v6-c-progress-stepper.pf-m-horizontal | --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd | |
- --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd
- --pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBlockEnd
- 0
|
| .pf-v6-c-progress-stepper.pf-m-horizontal | --pf-v6-c-progress-stepper--m-center__step-connector--before--Content | |
| .pf-v6-c-progress-stepper.pf-m-horizontal | --pf-v6-c-progress-stepper--m-center__step-main--before--Content | |
| .pf-v6-c-progress-stepper.pf-m-vertical | --pf-v6-c-progress-stepper--GridAutoFlow | |
- --pf-v6-c-progress-stepper--GridAutoFlow
- --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow
- row
|
| .pf-v6-c-progress-stepper.pf-m-vertical | --pf-v6-c-progress-stepper--GridTemplateColumns | |
- --pf-v6-c-progress-stepper--GridTemplateColumns
- --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns
- auto 1fr
|
| .pf-v6-c-progress-stepper.pf-m-vertical | --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart | |
- --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetBlockStart
- 0
|
| .pf-v6-c-progress-stepper.pf-m-vertical | --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart | |
- --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetInlineStart
- calc(--pf-v6-c-progress-stepper__step-icon--Width / 2)
- calc(1.5rem / 2)
|
| .pf-v6-c-progress-stepper.pf-m-vertical | --pf-v6-c-progress-stepper__step-connector--before--Width | |
- --pf-v6-c-progress-stepper__step-connector--before--Width
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--Width
- auto
|
| .pf-v6-c-progress-stepper.pf-m-vertical | --pf-v6-c-progress-stepper__step-connector--before--Height | |
- --pf-v6-c-progress-stepper__step-connector--before--Height
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--Height
- 100%
|
| .pf-v6-c-progress-stepper.pf-m-vertical | --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth | |
- --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndWidth
- --pf-t--global--border--width--box--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-progress-stepper.pf-m-vertical | --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor | |
- --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-progress-stepper.pf-m-vertical | --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth | |
- --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndWidth
- 0
|
| .pf-v6-c-progress-stepper.pf-m-vertical | --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor | |
- --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndColor
- transparent
|
| .pf-v6-c-progress-stepper.pf-m-vertical | --pf-v6-c-progress-stepper__step-connector--before--Transform | |
- --pf-v6-c-progress-stepper__step-connector--before--Transform
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--Transform
- translateX(-50%)
|
| .pf-v6-c-progress-stepper.pf-m-vertical | --pf-v6-c-progress-stepper__step-main--MarginBlockStart | |
- --pf-v6-c-progress-stepper__step-main--MarginBlockStart
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockStart
- 0px
|
| .pf-v6-c-progress-stepper.pf-m-vertical | --pf-v6-c-progress-stepper__step-main--MarginInlineEnd | |
- --pf-v6-c-progress-stepper__step-main--MarginInlineEnd
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd
- 0
|
| .pf-v6-c-progress-stepper.pf-m-vertical | --pf-v6-c-progress-stepper__step-main--MarginBlockEnd | |
- --pf-v6-c-progress-stepper__step-main--MarginBlockEnd
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockEnd
- --pf-t--global--spacer--xl
- --pf-t--global--spacer--500
- 2rem
|
| .pf-v6-c-progress-stepper.pf-m-vertical | --pf-v6-c-progress-stepper__step-main--MarginInlineStart | |
- --pf-v6-c-progress-stepper__step-main--MarginInlineStart
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-progress-stepper.pf-m-vertical | --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns | |
- --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns
- --pf-v6-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns
- 1fr
|
| .pf-v6-c-progress-stepper.pf-m-vertical | --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow | |
- --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow
- --pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow
- auto
|
| .pf-v6-c-progress-stepper.pf-m-vertical | --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd | |
- --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd
- --pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-progress-stepper.pf-m-vertical | --pf-v6-c-progress-stepper--m-center__step-connector--before--Content | |
| .pf-v6-c-progress-stepper.pf-m-vertical | --pf-v6-c-progress-stepper--m-center__step-main--before--Content | |