| .pf-v6-c-form | --pf-v6-c-form--GridGap | |
- --pf-v6-c-form--GridGap
- --pf-t--global--spacer--gap--group-to-group--vertical--default
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-form | --pf-v6-c-form__group--Gap | |
- --pf-v6-c-form__group--Gap
- --pf-t--global--spacer--gap--group--vertical
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-form | --pf-v6-c-form__group--m-action--MarginBlockStart | |
- --pf-v6-c-form__group--m-action--MarginBlockStart
- --pf-t--global--spacer--xl
- --pf-t--global--spacer--500
- 2rem
|
| .pf-v6-c-form | --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth | |
| .pf-v6-c-form | --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap | |
- --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap
- --pf-t--global--spacer--gap--group--horizontal
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-form | --pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth | |
| .pf-v6-c-form | --pf-v6-c-form--m-limit-width--MaxWidth | |
| .pf-v6-c-form | --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart | calc((((((0.875rem * 1.5) + (2 * 1px)) - 0.875rem) / 2) + 0.875rem) - ((((0.75rem * 1.5) - 0.75rem) / 2) + 0.75rem) + 1px) |
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart
- calc((((((--pf-t--global--font--size--body--default * --pf-t--global--font--line-height--body) + (2 * --pf-t--global--border--width--control--default)) - --pf-t--global--font--size--body--default) / 2) + --pf-t--global--font--size--body--default) - ((((--pf-t--global--font--size--body--sm * --pf-t--global--font--line-height--body) - --pf-t--global--font--size--body--sm) / 2) + --pf-t--global--font--size--body--sm) + --pf-t--global--border--width--control--default)
- calc((((((--pf-t--global--font--size--sm * --pf-t--global--font--line-height--200) + (2 * --pf-t--global--border--width--100)) - --pf-t--global--font--size--sm) / 2) + --pf-t--global--font--size--sm) - ((((--pf-t--global--font--size--xs * --pf-t--global--font--line-height--200) - --pf-t--global--font--size--xs) / 2) + --pf-t--global--font--size--xs) + --pf-t--global--border--width--100)
- calc((((((--pf-t--global--font--size--200 * 1.5) + (2 * 1px)) - --pf-t--global--font--size--200) / 2) + --pf-t--global--font--size--200) - ((((--pf-t--global--font--size--100 * 1.5) - --pf-t--global--font--size--100) / 2) + --pf-t--global--font--size--100) + 1px)
- calc((((((0.875rem * 1.5) + (2 * 1px)) - 0.875rem) / 2) + 0.875rem) - ((((0.75rem * 1.5) - 0.75rem) / 2) + 0.75rem) + 1px)
|
| .pf-v6-c-form | --pf-v6-c-form__group-label--PaddingBlockEnd | |
- --pf-v6-c-form__group-label--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-form | --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart | |
| .pf-v6-c-form | --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY | calc(((((0.75rem * 1.5) - 0.75rem) / 2) + 0.75rem) - ((((0.875rem * 1.5) - 0.875rem) / 2) + 0.875rem)) |
- --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY
- calc(((((--pf-t--global--font--size--body--sm * --pf-t--global--font--line-height--body) - --pf-t--global--font--size--body--sm) / 2) + --pf-t--global--font--size--body--sm) - ((((--pf-t--global--font--size--body--default * --pf-t--global--font--line-height--body) - --pf-t--global--font--size--body--default) / 2) + --pf-t--global--font--size--body--default))
- calc(((((--pf-t--global--font--size--xs * --pf-t--global--font--line-height--200) - --pf-t--global--font--size--xs) / 2) + --pf-t--global--font--size--xs) - ((((--pf-t--global--font--size--sm * --pf-t--global--font--line-height--200) - --pf-t--global--font--size--sm) / 2) + --pf-t--global--font--size--sm))
- calc(((((--pf-t--global--font--size--100 * 1.5) - --pf-t--global--font--size--100) / 2) + --pf-t--global--font--size--100) - ((((--pf-t--global--font--size--200 * 1.5) - --pf-t--global--font--size--200) / 2) + --pf-t--global--font--size--200))
- calc(((((0.75rem * 1.5) - 0.75rem) / 2) + 0.75rem) - ((((0.875rem * 1.5) - 0.875rem) / 2) + 0.875rem))
|
| .pf-v6-c-form | --pf-v6-c-form__label--FontSize | |
- --pf-v6-c-form__label--FontSize
- --pf-t--global--font--size--body--default
- --pf-t--global--font--size--sm
- --pf-t--global--font--size--200
- 0.875rem
|
| .pf-v6-c-form | --pf-v6-c-form__label--LineHeight | |
- --pf-v6-c-form__label--LineHeight
- --pf-t--global--font--line-height--body
- --pf-t--global--font--line-height--200
- 1.5
|
| .pf-v6-c-form | --pf-v6-c-form__label--m-disabled--Color | |
- --pf-v6-c-form__label--m-disabled--Color
- --pf-t--global--text--color--disabled
- --pf-t--global--color--disabled--200
- --pf-t--color--gray--40
- #a3a3a3
|
| .pf-v6-c-form | --pf-v6-c-form__label--hover--Cursor | |
| .pf-v6-c-form | --pf-v6-c-form__label--m-disabled--hover--Cursor | |
| .pf-v6-c-form | --pf-v6-c-form__label-text--FontWeight | |
- --pf-v6-c-form__label-text--FontWeight
- --pf-t--global--font--weight--body--bold
- --pf-t--global--font--weight--200
- 600
|
| .pf-v6-c-form | --pf-v6-c-form__label-required--MarginInlineStart | |
- --pf-v6-c-form__label-required--MarginInlineStart
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-form | --pf-v6-c-form__label-required--FontSize | |
- --pf-v6-c-form__label-required--FontSize
- --pf-t--global--font--size--body--default
- --pf-t--global--font--size--sm
- --pf-t--global--font--size--200
- 0.875rem
|
| .pf-v6-c-form | --pf-v6-c-form__label-required--Color | |
- --pf-v6-c-form__label-required--Color
- --pf-t--global--color--status--danger--default
- --pf-t--global--color--status--danger--100
- --pf-t--color--red-orange--60
- #b1380b
|
| .pf-v6-c-form | --pf-v6-c-form__group-label-help--FontSize | |
- --pf-v6-c-form__group-label-help--FontSize
- --pf-t--global--font--size--body--default
- --pf-t--global--font--size--sm
- --pf-t--global--font--size--200
- 0.875rem
|
| .pf-v6-c-form | --pf-v6-c-form__group-label--m-info--Gap | |
- --pf-v6-c-form__group-label--m-info--Gap
- --pf-t--global--spacer--gap--horizontal
- undefined
|
| .pf-v6-c-form | --pf-v6-c-form__group-label-info--FontSize | |
- --pf-v6-c-form__group-label-info--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-form | --pf-v6-c-form--m-horizontal__group-label--m-info--Gap | |
- --pf-v6-c-form--m-horizontal__group-label--m-info--Gap
- --pf-t--global--spacer--gap--group--vertical
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-form | --pf-v6-c-form__group-control--m-inline--Gap | |
- --pf-v6-c-form__group-control--m-inline--Gap
- --pf-t--global--spacer--gap--group--horizontal
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-form | --pf-v6-c-form__group-control__helper-text--MarginBlockEnd | |
- --pf-v6-c-form__group-control__helper-text--MarginBlockEnd
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-form | --pf-v6-c-form__group-control--m-stack--Gap | |
- --pf-v6-c-form__group-control--m-stack--Gap
- --pf-t--global--spacer--gap--group--vertical
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-form | --pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart | calc(0.5rem * -1 + 0.25rem) |
- --pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart
- calc(--pf-v6-c-form__group-control--m-stack--Gap * -1 + --pf-v6-c-form__helper-text--MarginBlockStart--base)
- calc(--pf-t--global--spacer--gap--group--vertical * -1 + --pf-t--global--spacer--xs)
- calc(--pf-t--global--spacer--sm * -1 + --pf-t--global--spacer--100)
- calc(--pf-t--global--spacer--200 * -1 + 0.25rem)
- calc(0.5rem * -1 + 0.25rem)
|
| .pf-v6-c-form | --pf-v6-c-form__actions--child--MarginBlockStart | |
- --pf-v6-c-form__actions--child--MarginBlockStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-form | --pf-v6-c-form__actions--child--MarginInlineEnd | |
- --pf-v6-c-form__actions--child--MarginInlineEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-form | --pf-v6-c-form__actions--child--MarginBlockEnd | |
- --pf-v6-c-form__actions--child--MarginBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-form | --pf-v6-c-form__actions--child--MarginInlineStart | |
- --pf-v6-c-form__actions--child--MarginInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-form | --pf-v6-c-form__actions--MarginBlockStart | |
- --pf-v6-c-form__actions--MarginBlockStart
- calc(--pf-v6-c-form__actions--child--MarginBlockStart * -1)
- calc(--pf-t--global--spacer--sm * -1)
- calc(--pf-t--global--spacer--200 * -1)
- calc(0.5rem * -1)
|
| .pf-v6-c-form | --pf-v6-c-form__actions--MarginInlineEnd | |
- --pf-v6-c-form__actions--MarginInlineEnd
- calc(--pf-v6-c-form__actions--child--MarginInlineEnd * -1)
- calc(--pf-t--global--spacer--sm * -1)
- calc(--pf-t--global--spacer--200 * -1)
- calc(0.5rem * -1)
|
| .pf-v6-c-form | --pf-v6-c-form__actions--MarginBlockEnd | |
- --pf-v6-c-form__actions--MarginBlockEnd
- calc(--pf-v6-c-form__actions--child--MarginBlockEnd * -1)
- calc(--pf-t--global--spacer--sm * -1)
- calc(--pf-t--global--spacer--200 * -1)
- calc(0.5rem * -1)
|
| .pf-v6-c-form | --pf-v6-c-form__actions--MarginInlineStart | |
- --pf-v6-c-form__actions--MarginInlineStart
- calc(--pf-v6-c-form__actions--child--MarginInlineStart * -1)
- calc(--pf-t--global--spacer--sm * -1)
- calc(--pf-t--global--spacer--200 * -1)
- calc(0.5rem * -1)
|
| .pf-v6-c-form | --pf-v6-c-form__helper-text--MarginBlockStart--base | |
- --pf-v6-c-form__helper-text--MarginBlockStart--base
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-form | --pf-v6-c-form__helper-text--MarginBlockStart | |
- --pf-v6-c-form__helper-text--MarginBlockStart
- --pf-v6-c-form__helper-text--MarginBlockStart--base
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-form | --pf-v6-c-form__section--MarginBlockStart | |
- --pf-v6-c-form__section--MarginBlockStart
- --pf-t--global--spacer--xl
- --pf-t--global--spacer--500
- 2rem
|
| .pf-v6-c-form | --pf-v6-c-form__section--Gap | |
- --pf-v6-c-form__section--Gap
- --pf-v6-c-form--GridGap
- --pf-t--global--spacer--gap--group-to-group--vertical--default
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-form | --pf-v6-c-form__section-title--FontSize | |
- --pf-v6-c-form__section-title--FontSize
- --pf-t--global--font--size--heading--xs
- --pf-t--global--font--size--md
- --pf-t--global--font--size--300
- 1rem
|
| .pf-v6-c-form | --pf-v6-c-form__section-title--FontWeight | |
- --pf-v6-c-form__section-title--FontWeight
- --pf-t--global--font--weight--heading--default
- --pf-t--global--font--weight--300
- 600
|
| .pf-v6-c-form | --pf-v6-c-form__section-title--MarginBlockEnd | |
- --pf-v6-c-form__section-title--MarginBlockEnd
- calc(--pf-t--global--spacer--sm * -1)
- calc(--pf-t--global--spacer--200 * -1)
- calc(0.5rem * -1)
|
| .pf-v6-c-form | --pf-v6-c-form__field-group--border-width-base | |
- --pf-v6-c-form__field-group--border-width-base
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-form | --pf-v6-c-form__field-group--BorderBlockStartWidth | |
- --pf-v6-c-form__field-group--BorderBlockStartWidth
- --pf-v6-c-form__field-group--border-width-base
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-form | --pf-v6-c-form__field-group--BorderBlockStartColor | |
- --pf-v6-c-form__field-group--BorderBlockStartColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-form | --pf-v6-c-form__field-group--BorderBlockEndWidth | |
- --pf-v6-c-form__field-group--BorderBlockEndWidth
- --pf-v6-c-form__field-group--border-width-base
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-form | --pf-v6-c-form__field-group--BorderBlockEndColor | |
- --pf-v6-c-form__field-group--BorderBlockEndColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-form | --pf-v6-c-form__field-group--field-group--MarginBlockStart | |
- --pf-v6-c-form__field-group--field-group--MarginBlockStart
- calc(--pf-v6-c-form--GridGap * -1)
- calc(--pf-t--global--spacer--gap--group-to-group--vertical--default * -1)
- calc(--pf-t--global--spacer--lg * -1)
- calc(--pf-t--global--spacer--400 * -1)
- calc(1.5rem * -1)
|
| .pf-v6-c-form | --pf-v6-c-form__field-group--GridTemplateColumns--toggle | calc(1rem * 2 + 0.875rem + 0.25rem) |
- --pf-v6-c-form__field-group--GridTemplateColumns--toggle
- calc(--pf-t--global--spacer--md * 2 + --pf-v6-c-form__field-group-toggle-icon--MinWidth + --pf-t--global--spacer--xs)
- calc(--pf-t--global--spacer--300 * 2 + --pf-t--global--font--size--body--default + --pf-t--global--spacer--100)
- calc(1rem * 2 + --pf-t--global--font--size--sm + 0.25rem)
- calc(1rem * 2 + --pf-t--global--font--size--200 + 0.25rem)
- calc(1rem * 2 + 0.875rem + 0.25rem)
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-toggle--PaddingBlockStart | |
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart
- --pf-v6-c-form__field-group-header--PaddingBlockStart
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-toggle--PaddingInlineEnd | |
- --pf-v6-c-form__field-group-toggle--PaddingInlineEnd
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-form | --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart | |
- --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-header-toggle--BorderWidth--base | |
- --pf-v6-c-form__field-group-header-toggle--BorderWidth--base
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-form | --pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth | |
- --pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth
- --pf-v6-c-form__field-group-header-toggle--BorderWidth--base
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-toggle-button--MarginBlockStart | |
- --pf-v6-c-form__field-group-toggle-button--MarginBlockStart
- calc(--pf-t--global--spacer--control--vertical--plain * -1)
- calc(--pf-t--global--spacer--sm * -1)
- calc(--pf-t--global--spacer--200 * -1)
- calc(0.5rem * -1)
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd | |
- --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd
- calc(--pf-t--global--spacer--control--vertical--plain * -1)
- calc(--pf-t--global--spacer--sm * -1)
- calc(--pf-t--global--spacer--200 * -1)
- calc(0.5rem * -1)
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-toggle-icon--TransitionDuration | |
- --pf-v6-c-form__field-group-toggle-icon--TransitionDuration
- --pf-t--global--motion--duration--icon--default
- --pf-t--global--motion--duration--sm
- --pf-t--global--duration--100
- 100ms
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction | cubic-bezier(.4, 0, .2, 1) |
- --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction
- --pf-t--global--motion--timing-function--default
- --pf-t--global--timing-function--200
- cubic-bezier(.4, 0, .2, 1)
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-toggle-icon--MinWidth | |
- --pf-v6-c-form__field-group-toggle-icon--MinWidth
- --pf-t--global--font--size--body--default
- --pf-t--global--font--size--sm
- --pf-t--global--font--size--200
- 0.875rem
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-toggle-icon--Rotate | |
| .pf-v6-c-form | --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate | |
| .pf-v6-c-form | --pf-v6-c-form__field-group-header--PaddingBlockStart | |
- --pf-v6-c-form__field-group-header--PaddingBlockStart
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-header--PaddingBlockEnd | |
- --pf-v6-c-form__field-group-header--PaddingBlockEnd
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-header--GridColumn | |
| .pf-v6-c-form | --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart | |
- --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-form | --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd | |
- --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-toggle--field-group-header--GridColumn | |
| .pf-v6-c-form | --pf-v6-c-form__field-group__field-group--field-group__field-group-header--after--BorderBlockStartWidth | |
- --pf-v6-c-form__field-group__field-group--field-group__field-group-header--after--BorderBlockStartWidth
- --pf-v6-c-form__field-group-header-toggle--BorderWidth--base
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-header-description--MarginBlockStart | |
- --pf-v6-c-form__field-group-header-description--MarginBlockStart
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-header-description--Color | |
- --pf-v6-c-form__field-group-header-description--Color
- --pf-t--global--text--color--subtle
- --pf-t--global--text--color--200
- --pf-t--color--gray--60
- #4d4d4d
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-header-actions--MarginInlineStart | |
- --pf-v6-c-form__field-group-header-actions--MarginInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-header-actions--MarginBlockStart | |
- --pf-v6-c-form__field-group-header-actions--MarginBlockStart
- calc(--pf-t--global--spacer--control--vertical--plain * -1)
- calc(--pf-t--global--spacer--sm * -1)
- calc(--pf-t--global--spacer--200 * -1)
- calc(0.5rem * -1)
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-header-actions--MarginBlockEnd | |
- --pf-v6-c-form__field-group-header-actions--MarginBlockEnd
- calc(--pf-t--global--spacer--control--vertical--plain * -1)
- calc(--pf-t--global--spacer--sm * -1)
- calc(--pf-t--global--spacer--200 * -1)
- calc(0.5rem * -1)
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-body--PaddingBlockStart | |
- --pf-v6-c-form__field-group-body--PaddingBlockStart
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-body--PaddingBlockEnd | |
- --pf-v6-c-form__field-group-body--PaddingBlockEnd
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-body--Gap | |
- --pf-v6-c-form__field-group-body--Gap
- --pf-v6-c-form--GridGap
- --pf-t--global--spacer--gap--group-to-group--vertical--default
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-body--GridColumn | |
| .pf-v6-c-form | --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn | |
| .pf-v6-c-form | --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn | |
| .pf-v6-c-form | --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd | |
- --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd
- calc(--pf-v6-c-form__field-group-body--PaddingBlockEnd * -1)
- calc(--pf-t--global--spacer--lg * -1)
- calc(--pf-t--global--spacer--400 * -1)
- calc(1.5rem * -1)
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-body--TranslateY | |
| .pf-v6-c-form | --pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY | |
| .pf-v6-c-form | --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide | |
| .pf-v6-c-form | --pf-v6-c-form__field-group-body--TransitionDuration--expand--fade | |
- --pf-v6-c-form__field-group-body--TransitionDuration--expand--fade
- --pf-t--global--motion--duration--fade--default
- --pf-t--global--motion--duration--md
- --pf-t--global--duration--200
- 200ms
|
| .pf-v6-c-form | --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide | |
| .pf-v6-c-form | --pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade | |
- --pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade
- --pf-t--global--motion--duration--fade--short
- --pf-t--global--motion--duration--sm
- --pf-t--global--duration--100
- 100ms
|
| .pf-v6-c-form__group-label | --pf-v6-c-form__helper-text--MarginBlockStart | |
| .pf-v6-c-form__group-label-help .pf-v6-c-button | --pf-v6-c-button--FontSize | |
- --pf-v6-c-button--FontSize
- --pf-v6-c-form__group-label-help--FontSize
- --pf-t--global--font--size--body--default
- --pf-t--global--font--size--sm
- --pf-t--global--font--size--200
- 0.875rem
|
| .pf-v6-c-form__group-control.pf-m-stack | --pf-v6-c-form__helper-text--MarginBlockStart | calc(0.5rem * -1 + 0.25rem) |
- --pf-v6-c-form__helper-text--MarginBlockStart
- --pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart
- calc(--pf-v6-c-form__group-control--m-stack--Gap * -1 + --pf-v6-c-form__helper-text--MarginBlockStart--base)
- calc(--pf-t--global--spacer--gap--group--vertical * -1 + --pf-t--global--spacer--xs)
- calc(--pf-t--global--spacer--sm * -1 + --pf-t--global--spacer--100)
- calc(--pf-t--global--spacer--200 * -1 + 0.25rem)
- calc(0.5rem * -1 + 0.25rem)
|
| .pf-v6-c-form__group-control .pf-v6-c-form__helper-text:first-child | --pf-v6-c-form__helper-text--MarginBlockStart | |
| .pf-v6-c-form__field-group | --pf-v6-c-form__field-group--BorderBlockStartWidth | |
- --pf-v6-c-form__field-group--BorderBlockStartWidth
- --pf-v6-c-form__field-group--border-width-base
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-form__field-group:last-child | --pf-v6-c-form__field-group--BorderBlockEndWidth | |
| .pf-v6-c-form__field-group + .pf-v6-c-form__field-group | --pf-v6-c-form__field-group--BorderBlockStartWidth | |
| .pf-v6-c-form__field-group .pf-v6-c-form__field-group | --pf-v6-c-form__field-group-body--GridColumn | |
- --pf-v6-c-form__field-group-body--GridColumn
- --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn
- 1 / 3
|
| .pf-v6-c-form__field-group .pf-v6-c-form__field-group | --pf-v6-c-form__field-group-toggle--PaddingBlockStart | |
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart
- --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-form__field-group .pf-v6-c-form__field-group | --pf-v6-c-form__field-group-header--PaddingBlockStart | |
- --pf-v6-c-form__field-group-header--PaddingBlockStart
- --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-form__field-group .pf-v6-c-form__field-group | --pf-v6-c-form__field-group-header--PaddingBlockEnd | |
- --pf-v6-c-form__field-group-header--PaddingBlockEnd
- --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-form__field-group .pf-v6-c-form__field-group | --pf-v6-c-form__field-group-body--PaddingBlockStart | |
| .pf-v6-c-form__field-group .pf-v6-c-form__field-group .pf-v6-c-form__field-group-toggle ~ .pf-v6-c-form__field-group-body | --pf-v6-c-form__field-group-body--GridColumn | |
- --pf-v6-c-form__field-group-body--GridColumn
- --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn
- 2 / 3
|
| .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle | --pf-v6-c-form__field-group-toggle-icon--Rotate | |
- --pf-v6-c-form__field-group-toggle-icon--Rotate
- --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate
- -180deg
|
| .pf-v6-c-form__field-group-toggle + .pf-v6-c-form__field-group-header | --pf-v6-c-form__field-group-header--GridColumn | |
- --pf-v6-c-form__field-group-header--GridColumn
- --pf-v6-c-form__field-group-toggle--field-group-header--GridColumn
- 2 / 3
|
| .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child | --pf-v6-c-form__field-group-toggle--PaddingBlockStart | |
| .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child | --pf-v6-c-form__field-group-header--PaddingBlockStart | |