| .pf-v6-c-tabs | --pf-v6-c-tabs--before--BorderColor | |
- --pf-v6-c-tabs--before--BorderColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--before--border-width--base | |
- --pf-v6-c-tabs--before--border-width--base
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--before--BorderBlockStartWidth | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--before--BorderInlineEndWidth | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--before--BorderBlockEndWidth | |
- --pf-v6-c-tabs--before--BorderBlockEndWidth
- --pf-v6-c-tabs--before--border-width--base
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--before--BorderInlineStartWidth | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-vertical--inset | |
- --pf-v6-c-tabs--m-vertical--inset
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-page-insets--inset | |
- --pf-v6-c-tabs--m-page-insets--inset
- calc(--pf-t--global--spacer--lg - --pf-t--global--border--width--main--default)
- calc(--pf-t--global--spacer--400 - --pf-t--global--border--width--400)
- calc(1.5rem - 4px)
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-vertical--Width | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-vertical--MaxWidth | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-vertical--m-box--inset | |
- --pf-v6-c-tabs--m-vertical--m-box--inset
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-vertical__list--before--BorderColor | |
- --pf-v6-c-tabs--m-vertical__list--before--BorderColor
- --pf-v6-c-tabs--before--BorderColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-vertical__list--before--BorderBlockStartWidth | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-vertical__list--before--BorderInlineEndWidth | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-vertical__list--before--BorderBlockEndWidth | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-vertical__list--before--BorderInlineStartWidth | |
- --pf-v6-c-tabs--m-vertical__list--before--BorderInlineStartWidth
- --pf-v6-c-tabs--before--border-width--base
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__list--Display | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__item--BackgroundColor | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__item--PaddingBlockStart | |
- --pf-v6-c-tabs__item--PaddingBlockStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__item--PaddingBlockEnd | |
- --pf-v6-c-tabs__item--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__item--PaddingInlineStart | |
- --pf-v6-c-tabs__item--PaddingInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__item--PaddingInlineEnd | |
- --pf-v6-c-tabs__item--PaddingInlineEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__item--ColumnGap | |
- --pf-v6-c-tabs__item--ColumnGap
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-vertical__item--PaddingInlineStart | |
- --pf-v6-c-tabs--m-vertical__item--PaddingInlineStart
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd | |
- --pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__item--m-current--BackgroundColor | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-box__item--BackgroundColor | |
- --pf-v6-c-tabs--m-box__item--BackgroundColor
- --pf-t--global--background--color--secondary--default
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-box__item--m-current--BackgroundColor | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor | |
- --pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor
- --pf-t--global--background--color--primary--clicked
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__item--m-action--before--ZIndex | |
- --pf-v6-c-tabs__item--m-action--before--ZIndex
- --pf-t--global--z-index--sm
- --pf-t--global--z-index--200
- 200
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--Color | |
- --pf-v6-c-tabs__link--Color
- --pf-t--global--text--color--subtle
- --pf-t--global--text--color--200
- --pf-t--color--gray--60
- #4d4d4d
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--FontSize | |
- --pf-v6-c-tabs__link--FontSize
- --pf-t--global--font--size--sm
- --pf-t--global--font--size--200
- 0.875rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--BackgroundColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-tabs__link--BackgroundColor
- --pf-t--global--background--color--action--plain--default
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--BorderRadius | |
- --pf-v6-c-tabs__link--BorderRadius
- --pf-t--global--border--radius--action--plain--default
- --pf-t--global--border--radius--small
- --pf-t--global--border--radius--200
- 6px
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--BorderWidth | |
- --pf-v6-c-tabs__link--BorderWidth
- --pf-t--global--border--width--action--plain--hover
- 0px
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--BorderColor | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--hover--BorderColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-tabs__link--hover--BorderColor
- --pf-t--global--border--color--high-contrast
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--disabled--BorderColor | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--PaddingBlockStart | |
- --pf-v6-c-tabs__link--PaddingBlockStart
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--PaddingInlineEnd | |
- --pf-v6-c-tabs__link--PaddingInlineEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--PaddingBlockEnd | |
- --pf-v6-c-tabs__link--PaddingBlockEnd
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--PaddingInlineStart | |
- --pf-v6-c-tabs__link--PaddingInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--ColumnGap | |
- --pf-v6-c-tabs__link--ColumnGap
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--disabled--Color | |
- --pf-v6-c-tabs__link--disabled--Color
- --pf-t--global--text--color--disabled
- --pf-t--global--color--disabled--200
- --pf-t--color--gray--40
- #a3a3a3
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--disabled--BackgroundColor | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--hover--BackgroundColor |
(In light theme) rgb(199, 199, 199, 0.2500) |
- --pf-v6-c-tabs__link--hover--BackgroundColor
- --pf-t--global--background--color--action--plain--hover
- --pf-t--global--background--color--600
- rgb(199, 199, 199, 0.2500)
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__item--m-current__link--Color | |
- --pf-v6-c-tabs__item--m-current__link--Color
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__item--m-current__link--BackgroundColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-tabs__item--m-current__link--BackgroundColor
- --pf-t--global--background--color--action--plain--default
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-vertical__link--PaddingInlineStart | |
- --pf-v6-c-tabs--m-vertical__link--PaddingInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd | |
- --pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-box__link--BackgroundColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-tabs--m-box__link--BackgroundColor
- --pf-t--global--background--color--action--plain--default
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-box__link--disabled--Color | |
- --pf-v6-c-tabs--m-box__link--disabled--Color
- --pf-t--global--text--color--disabled
- --pf-t--global--color--disabled--200
- --pf-t--color--gray--40
- #a3a3a3
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-box__link--disabled--BackgroundColor | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-box__link--hover--BackgroundColor |
(In light theme) rgb(199, 199, 199, 0.2500) |
- --pf-v6-c-tabs--m-box__link--hover--BackgroundColor
- --pf-t--global--background--color--action--plain--hover
- --pf-t--global--background--color--600
- rgb(199, 199, 199, 0.2500)
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-box__item--m-current__link--BackgroundColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-tabs--m-box__item--m-current__link--BackgroundColor
- --pf-t--global--background--color--action--plain--default
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-box--m-secondary__link--BackgroundColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-tabs--m-box--m-secondary__link--BackgroundColor
- --pf-t--global--background--color--action--plain--default
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-box--m-secondary__link--disabled--Color | |
- --pf-v6-c-tabs--m-box--m-secondary__link--disabled--Color
- --pf-t--global--text--color--disabled
- --pf-t--global--color--disabled--200
- --pf-t--color--gray--40
- #a3a3a3
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor |
(In light theme) rgb(199, 199, 199, 0.2500) |
- --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor
- --pf-t--global--background--color--action--plain--hover
- --pf-t--global--background--color--600
- rgb(199, 199, 199, 0.2500)
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor
- --pf-t--global--background--color--action--plain--default
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-subtab__link--FontSize | |
- --pf-v6-c-tabs--m-subtab__link--FontSize
- --pf-t--global--font--size--xs
- --pf-t--global--font--size--100
- 0.75rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--TransitionDuration--background-color | |
- --pf-v6-c-tabs__link--TransitionDuration--background-color
- --pf-t--global--motion--duration--fade--short
- --pf-t--global--motion--duration--sm
- --pf-t--global--duration--100
- 100ms
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--TransitionTimingFunction--background-color | cubic-bezier(.4, 0, .2, 1) |
- --pf-v6-c-tabs__link--TransitionTimingFunction--background-color
- --pf-t--global--motion--timing-function--default
- --pf-t--global--timing-function--200
- cubic-bezier(.4, 0, .2, 1)
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--before--border-color--base | |
- --pf-v6-c-tabs__link--before--border-color--base
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--before--border-width--base | |
- --pf-v6-c-tabs__link--before--border-width--base
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--before--BorderBlockStartColor | |
- --pf-v6-c-tabs__link--before--BorderBlockStartColor
- --pf-v6-c-tabs__link--before--border-color--base
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--before--BorderInlineEndColor | |
- --pf-v6-c-tabs__link--before--BorderInlineEndColor
- --pf-v6-c-tabs__link--before--border-color--base
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--before--BorderBlockEndColor | |
- --pf-v6-c-tabs__link--before--BorderBlockEndColor
- --pf-v6-c-tabs__link--before--border-color--base
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--before--BorderInlineStartColor | |
- --pf-v6-c-tabs__link--before--BorderInlineStartColor
- --pf-v6-c-tabs__link--before--border-color--base
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--before--BorderBlockStartWidth | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--before--BorderInlineEndWidth | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--before--BorderBlockEndWidth | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--before--BorderInlineStartWidth | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor
- --pf-t--global--border--color--high-contrast
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth | |
- --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth
- --pf-t--global--border--width--high-contrast--regular
- 0px
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor
- --pf-t--global--border--color--high-contrast
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth | |
- --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth
- --pf-t--global--border--width--high-contrast--regular
- 0px
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor | |
- --pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor
- --pf-t--global--border--color--alt
- --pf-t--global--background--color--primary--default
- --pf-t--global--background--color--100
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth | |
- --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth
- --pf-v6-c-tabs--before--border-width--base
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--after--InsetBlockStart | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--after--InsetInlineStart | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--after--InsetInlineEnd | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--after--InsetBlockEnd | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--after--BorderColor | |
- --pf-v6-c-tabs__link--after--BorderColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--after--BorderWidth | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--after--BorderBlockStartWidth | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--after--BorderInlineEndWidth | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--after--BorderInlineStartWidth | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--after--BorderRadius | |
- --pf-v6-c-tabs__link--after--BorderRadius
- --pf-t--global--border--radius--pill
- --pf-t--global--border--radius--500
- 999px
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-box__link--after--BorderRadius | |
- --pf-v6-c-tabs--m-box__link--after--BorderRadius
- --pf-t--global--border--radius--sharp
- --pf-t--global--border--radius--0
- 0px
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__item--m-current__link--after--BorderColor | |
- --pf-v6-c-tabs__item--m-current__link--after--BorderColor
- --pf-t--global--color--brand--accent--default
- --pf-t--global--color--brand--default
- --pf-t--global--color--brand--200
- --pf-t--color--blue--50
- #0066cc
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__item--m-current__link--after--BorderWidth | |
- --pf-v6-c-tabs__item--m-current__link--after--BorderWidth
- --pf-t--global--border--width--extra-strong
- --pf-t--global--border--width--300
- 3px
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--link-accent--start | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--link-accent--length | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--link-accent--color | |
- --pf-v6-c-tabs--link-accent--color
- --pf-v6-c-tabs__item--m-current__link--after--BorderColor
- --pf-t--global--color--brand--accent--default
- --pf-t--global--color--brand--default
- --pf-t--global--color--brand--200
- --pf-t--color--blue--50
- #0066cc
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--link-accent--border-size | |
- --pf-v6-c-tabs--link-accent--border-size
- --pf-v6-c-tabs__item--m-current__link--after--BorderWidth
- --pf-t--global--border--width--extra-strong
- --pf-t--global--border--width--300
- 3px
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--link-accent--TransitionDuration | |
- --pf-v6-c-tabs--link-accent--TransitionDuration
- --pf-t--global--motion--duration--md
- --pf-t--global--duration--200
- 200ms
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--link-accent--TransitionTimingFunction | cubic-bezier(0, 0, .2, 1) |
- --pf-v6-c-tabs--link-accent--TransitionTimingFunction
- --pf-t--global--motion--timing-function--decelerate
- --pf-t--global--timing-function--300
- cubic-bezier(0, 0, .2, 1)
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--link-accent--InsetBlockStart | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--link-accent--InsetBlockEnd | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--link-accent--InsetInlineStart | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--link-accent--Width | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--link-accent--Height | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--link-accent--BorderBlockEndWidth | |
- --pf-v6-c-tabs--link-accent--BorderBlockEndWidth
- --pf-v6-c-tabs--link-accent--border-size
- --pf-v6-c-tabs__item--m-current__link--after--BorderWidth
- --pf-t--global--border--width--extra-strong
- --pf-t--global--border--width--300
- 3px
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--link-accent--BorderInlineStartWidth | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--link-accent--TranslateX | |
- --pf-v6-c-tabs--link-accent--TranslateX
- --pf-v6-c-tabs--link-accent--start
- 0
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--link-accent--TranslateY | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--link-accent--TransformOrigin | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth | |
- --pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth
- --pf-v6-c-tabs--link-accent--border-size
- --pf-v6-c-tabs__item--m-current__link--after--BorderWidth
- --pf-t--global--border--width--extra-strong
- --pf-t--global--border--width--300
- 3px
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-vertical--link-accent--TranslateX | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-vertical--link-accent--TranslateY | |
- --pf-v6-c-tabs--m-vertical--link-accent--TranslateY
- --pf-v6-c-tabs--link-accent--start
- 0
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__scroll-button--PaddingBlockStart | |
- --pf-v6-c-tabs__scroll-button--PaddingBlockStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__scroll-button--PaddingBlockEnd | |
- --pf-v6-c-tabs__scroll-button--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__scroll-button--PaddingInlineStart | |
- --pf-v6-c-tabs__scroll-button--PaddingInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__scroll-button--PaddingInlineEnd | |
- --pf-v6-c-tabs__scroll-button--PaddingInlineEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__scroll-button--Width | |
- --pf-v6-c-tabs__scroll-button--Width
- --pf-t--global--spacer--2xl
- --pf-t--global--spacer--600
- 3rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__scroll-button--TransitionDuration--margin | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__scroll-button--TransitionDuration--transform | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__scroll-button--TransitionDuration--opacity | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__scroll-button--before--BorderColor | |
- --pf-v6-c-tabs__scroll-button--before--BorderColor
- --pf-v6-c-tabs--before--BorderColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__scroll-button--before--border-width--base | |
- --pf-v6-c-tabs__scroll-button--before--border-width--base
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__scroll-button--before--BorderInlineEndWidth | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__scroll-button--before--BorderBlockEndWidth | |
- --pf-v6-c-tabs__scroll-button--before--BorderBlockEndWidth
- --pf-v6-c-tabs__scroll-button--before--border-width--base
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__scroll-button--before--BorderInlineStartWidth | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__list--ScrollSnapTypeAxis | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__list--ScrollSnapTypeStrictness | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__list--ScrollSnapType | |
- --pf-v6-c-tabs__list--ScrollSnapType
- --pf-v6-c-tabs__list--ScrollSnapTypeAxis --pf-v6-c-tabs__list--ScrollSnapTypeStrictness
- x proximity
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__item--ScrollSnapAlign | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__toggle--Display | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__toggle-icon--TransitionTimingFunction | cubic-bezier(.4, 0, .2, 1) |
- --pf-v6-c-tabs__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-tabs | --pf-v6-c-tabs__toggle-icon--TransitionDuration | |
- --pf-v6-c-tabs__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-tabs | --pf-v6-c-tabs__toggle-icon--Transition | transform 100ms cubic-bezier(.4, 0, .2, 1) |
- --pf-v6-c-tabs__toggle-icon--Transition
- transform --pf-v6-c-tabs__toggle-icon--TransitionDuration --pf-v6-c-tabs__toggle-icon--TransitionTimingFunction
- transform --pf-t--global--motion--duration--icon--default --pf-t--global--motion--timing-function--default
- transform --pf-t--global--motion--duration--sm --pf-t--global--timing-function--200
- transform --pf-t--global--duration--100 cubic-bezier(.4, 0, .2, 1)
- transform 100ms cubic-bezier(.4, 0, .2, 1)
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__toggle-icon--Rotate | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate | |
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-expandable--RowGap | |
- --pf-v6-c-tabs--m-expandable--RowGap
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-expandable--PaddingBlockStart | |
- --pf-v6-c-tabs--m-expandable--PaddingBlockStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-expandable--PaddingBlockEnd | |
- --pf-v6-c-tabs--m-expandable--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-expandable--PaddingInlineStart | |
- --pf-v6-c-tabs--m-expandable--PaddingInlineStart
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-expandable--PaddingInlineEnd | |
- --pf-v6-c-tabs--m-expandable--PaddingInlineEnd
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__item-action--c-button--FontSize | |
- --pf-v6-c-tabs__item-action--c-button--FontSize
- --pf-t--global--font--size--sm
- --pf-t--global--font--size--200
- 0.875rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize | |
- --pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize
- --pf-t--global--font--size--xs
- --pf-t--global--font--size--100
- 0.75rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__item-action-icon--MarginBlockStart | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__add--before--BorderColor | |
- --pf-v6-c-tabs__add--before--BorderColor
- --pf-v6-c-tabs__link--before--border-color--base
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__add--before--BorderInlineStartWidth | |
- --pf-v6-c-tabs__add--before--BorderInlineStartWidth
- --pf-v6-c-tabs__link--before--border-width--base
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__add--c-button--FontSize | |
- --pf-v6-c-tabs__add--c-button--FontSize
- --pf-t--global--font--size--sm
- --pf-t--global--font--size--200
- 0.875rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-subtab__add--c-button--FontSize | |
- --pf-v6-c-tabs--m-subtab__add--c-button--FontSize
- --pf-t--global--font--size--xs
- --pf-t--global--font--size--100
- 0.75rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__add--PaddingBlockStart | |
- --pf-v6-c-tabs__add--PaddingBlockStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__add--PaddingBlockEnd | |
- --pf-v6-c-tabs__add--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__add--PaddingInlineStart | |
- --pf-v6-c-tabs__add--PaddingInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__add--PaddingInlineEnd | |
- --pf-v6-c-tabs__add--PaddingInlineEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-nav__link--BorderRadius | |
- --pf-v6-c-tabs--m-nav__link--BorderRadius
- --pf-t--global--border--radius--pill
- --pf-t--global--border--radius--500
- 999px
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-nav__link--disabled--Color | |
- --pf-v6-c-tabs--m-nav__link--disabled--Color
- --pf-t--global--text--color--disabled
- --pf-t--global--color--disabled--200
- --pf-t--color--gray--40
- #a3a3a3
|
| .pf-v6-c-tabs | --pf-v6-c-tabs--m-nav--m-subtab__scroll-button--button--FontSize | |
- --pf-v6-c-tabs--m-nav--m-subtab__scroll-button--button--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-tabs | --pf-v6-c-tabs__link-toggle-icon--Color | |
- --pf-v6-c-tabs__link-toggle-icon--Color
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction | cubic-bezier(.4, 0, .2, 1) |
- --pf-v6-c-tabs__link-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-tabs | --pf-v6-c-tabs__link-toggle-icon--TransitionDuration | |
- --pf-v6-c-tabs__link-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-tabs | --pf-v6-c-tabs__link-toggle-icon--Transition | transform 100ms cubic-bezier(.4, 0, .2, 1) |
- --pf-v6-c-tabs__link-toggle-icon--Transition
- transform --pf-v6-c-tabs__link-toggle-icon--TransitionDuration --pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction
- transform --pf-t--global--motion--duration--icon--default --pf-t--global--motion--timing-function--default
- transform --pf-t--global--motion--duration--sm --pf-t--global--timing-function--200
- transform --pf-t--global--duration--100 cubic-bezier(.4, 0, .2, 1)
- transform 100ms cubic-bezier(.4, 0, .2, 1)
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link-toggle-icon--Rotate | |
| .pf-v6-c-tabs | --pf-v6-c-tabs__link-toggle-icon--FontSize | |
- --pf-v6-c-tabs__link-toggle-icon--FontSize
- --pf-t--global--font--size--sm
- --pf-t--global--font--size--200
- 0.875rem
|
| .pf-v6-c-tabs | --pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate | |
| .pf-v6-c-tabs.pf-m-fill .pf-v6-c-tabs__item:first-child | --pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderInlineStartWidth | |
| .pf-v6-c-tabs.pf-m-fill .pf-v6-c-tabs__item:last-child | --pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderInlineEndWidth | |
| .pf-v6-c-tabs.pf-m-no-border-bottom | --pf-v6-c-tabs--before--BorderBlockEndWidth | |
| .pf-v6-c-tabs.pf-m-no-border-bottom | --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth | |
| .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__link | --pf-v6-c-tabs__link--after--BorderBlockEndWidth | |
| .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__link | --pf-v6-c-tabs__link--after--BorderBlockStartWidth | |
- --pf-v6-c-tabs__link--after--BorderBlockStartWidth
- --pf-v6-c-tabs__link--after--BorderWidth
- 0
|
| .pf-v6-c-tabs.pf-m-box | --pf-v6-c-tabs__item--BackgroundColor | |
- --pf-v6-c-tabs__item--BackgroundColor
- --pf-v6-c-tabs--m-box__item--BackgroundColor
- --pf-t--global--background--color--secondary--default
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-tabs.pf-m-box | --pf-v6-c-tabs__item--m-current--BackgroundColor | |
- --pf-v6-c-tabs__item--m-current--BackgroundColor
- --pf-v6-c-tabs--m-box__item--m-current--BackgroundColor
- transparent
|
| .pf-v6-c-tabs.pf-m-box | --pf-v6-c-tabs__link--BackgroundColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-tabs__link--BackgroundColor
- --pf-v6-c-tabs--m-box__link--BackgroundColor
- --pf-t--global--background--color--action--plain--default
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-tabs.pf-m-box | --pf-v6-c-tabs__link--disabled--Color | |
- --pf-v6-c-tabs__link--disabled--Color
- --pf-v6-c-tabs--m-box__link--disabled--Color
- --pf-t--global--text--color--disabled
- --pf-t--global--color--disabled--200
- --pf-t--color--gray--40
- #a3a3a3
|
| .pf-v6-c-tabs.pf-m-box | --pf-v6-c-tabs__link--disabled--BackgroundColor | |
- --pf-v6-c-tabs__link--disabled--BackgroundColor
- --pf-v6-c-tabs--m-box__link--disabled--BackgroundColor
- transparent
|
| .pf-v6-c-tabs.pf-m-box | --pf-v6-c-tabs__link--hover--BackgroundColor |
(In light theme) rgb(199, 199, 199, 0.2500) |
- --pf-v6-c-tabs__link--hover--BackgroundColor
- --pf-v6-c-tabs--m-box__link--hover--BackgroundColor
- --pf-t--global--background--color--action--plain--hover
- --pf-t--global--background--color--600
- rgb(199, 199, 199, 0.2500)
|
| .pf-v6-c-tabs.pf-m-box | --pf-v6-c-tabs__item--m-current__link--BackgroundColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-tabs__item--m-current__link--BackgroundColor
- --pf-v6-c-tabs--m-box__item--m-current__link--BackgroundColor
- --pf-t--global--background--color--action--plain--default
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-tabs.pf-m-box | --pf-v6-c-tabs__link--before--BorderBlockEndWidth | |
- --pf-v6-c-tabs__link--before--BorderBlockEndWidth
- --pf-v6-c-tabs__link--before--border-width--base
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tabs.pf-m-box | --pf-v6-c-tabs__link--after--InsetBlockStart | |
| .pf-v6-c-tabs.pf-m-box | --pf-v6-c-tabs__link--after--InsetBlockEnd | |
| .pf-v6-c-tabs.pf-m-box | --pf-v6-c-tabs__link--after--BorderRadius | |
- --pf-v6-c-tabs__link--after--BorderRadius
- --pf-v6-c-tabs--m-box__link--after--BorderRadius
- --pf-t--global--border--radius--sharp
- --pf-t--global--border--radius--0
- 0px
|
| .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item:last-child | --pf-v6-c-tabs__link--before--BorderInlineEndWidth | |
| .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current | --pf-v6-c-tabs__link--BackgroundColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-tabs__link--BackgroundColor
- --pf-v6-c-tabs__item--m-current__link--BackgroundColor
- --pf-t--global--background--color--action--plain--default
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current | --pf-v6-c-tabs__link--before--BorderBlockEndColor | |
- --pf-v6-c-tabs__link--before--BorderBlockEndColor
- --pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor
- --pf-t--global--border--color--alt
- --pf-t--global--background--color--primary--default
- --pf-t--global--background--color--100
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current | --pf-v6-c-tabs__link--before--BorderInlineStartColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-tabs__link--before--BorderInlineStartColor
- --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor
- --pf-t--global--border--color--high-contrast
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current | --pf-v6-c-tabs__link--before--BorderInlineStartWidth | |
- --pf-v6-c-tabs__link--before--BorderInlineStartWidth
- --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth
- --pf-t--global--border--width--high-contrast--regular
- 0px
|
| .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current | --pf-v6-c-tabs__link--before--BorderInlineEndColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-tabs__link--before--BorderInlineEndColor
- --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor
- --pf-t--global--border--color--high-contrast
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current | --pf-v6-c-tabs__link--before--BorderInlineEndWidth | |
- --pf-v6-c-tabs__link--before--BorderInlineEndWidth
- --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth
- --pf-t--global--border--width--high-contrast--regular
- 0px
|
| .pf-v6-c-tabs.pf-m-box.pf-m-secondary | --pf-v6-c-tabs__item--BackgroundColor | |
- --pf-v6-c-tabs__item--BackgroundColor
- --pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor
- transparent
|
| .pf-v6-c-tabs.pf-m-box.pf-m-secondary | --pf-v6-c-tabs__item--m-current--BackgroundColor | |
- --pf-v6-c-tabs__item--m-current--BackgroundColor
- --pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor
- --pf-t--global--background--color--primary--clicked
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-tabs.pf-m-box.pf-m-secondary | --pf-v6-c-tabs__link--BackgroundColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-tabs__link--BackgroundColor
- --pf-v6-c-tabs--m-box--m-secondary__link--BackgroundColor
- --pf-t--global--background--color--action--plain--default
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-tabs.pf-m-box.pf-m-secondary | --pf-v6-c-tabs__link--disabled--Color | |
- --pf-v6-c-tabs__link--disabled--Color
- --pf-v6-c-tabs--m-box--m-secondary__link--disabled--Color
- --pf-t--global--text--color--disabled
- --pf-t--global--color--disabled--200
- --pf-t--color--gray--40
- #a3a3a3
|
| .pf-v6-c-tabs.pf-m-box.pf-m-secondary | --pf-v6-c-tabs__link--disabled--BackgroundColor | |
- --pf-v6-c-tabs__link--disabled--BackgroundColor
- --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor
- transparent
|
| .pf-v6-c-tabs.pf-m-box.pf-m-secondary | --pf-v6-c-tabs__link--hover--BackgroundColor |
(In light theme) rgb(199, 199, 199, 0.2500) |
- --pf-v6-c-tabs__link--hover--BackgroundColor
- --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor
- --pf-t--global--background--color--action--plain--hover
- --pf-t--global--background--color--600
- rgb(199, 199, 199, 0.2500)
|
| .pf-v6-c-tabs.pf-m-box.pf-m-secondary | --pf-v6-c-tabs__item--m-current__link--BackgroundColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-tabs__item--m-current__link--BackgroundColor
- --pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor
- --pf-t--global--background--color--action--plain--default
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-tabs.pf-m-vertical | --pf-v6-c-tabs--Width | |
- --pf-v6-c-tabs--Width
- --pf-v6-c-tabs--m-vertical--Width
- 100%
|
| .pf-v6-c-tabs.pf-m-vertical | --pf-v6-c-tabs--inset | |
- --pf-v6-c-tabs--inset
- --pf-v6-c-tabs--m-vertical--inset
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs.pf-m-vertical | --pf-v6-c-tabs--before--BorderBlockEndWidth | |
| .pf-v6-c-tabs.pf-m-vertical | --pf-v6-c-tabs__item--PaddingInlineStart | |
- --pf-v6-c-tabs__item--PaddingInlineStart
- --pf-v6-c-tabs--m-vertical__item--PaddingInlineStart
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-tabs.pf-m-vertical | --pf-v6-c-tabs__item--PaddingInlineEnd | |
- --pf-v6-c-tabs__item--PaddingInlineEnd
- --pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-tabs.pf-m-vertical | --pf-v6-c-tabs__link--PaddingInlineStart | |
- --pf-v6-c-tabs__link--PaddingInlineStart
- --pf-v6-c-tabs--m-vertical__link--PaddingInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs.pf-m-vertical | --pf-v6-c-tabs__link--PaddingInlineEnd | |
- --pf-v6-c-tabs__link--PaddingInlineEnd
- --pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs.pf-m-vertical | --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth | |
| .pf-v6-c-tabs.pf-m-vertical | --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth | |
- --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth
- --pf-v6-c-tabs--before--border-width--base
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tabs.pf-m-vertical | --pf-v6-c-tabs__link--after--InsetBlockStart | |
| .pf-v6-c-tabs.pf-m-vertical | --pf-v6-c-tabs__link--after--InsetBlockEnd | |
| .pf-v6-c-tabs.pf-m-vertical | --pf-v6-c-tabs__link--after--InsetInlineEnd | |
| .pf-v6-c-tabs.pf-m-vertical | --pf-v6-c-tabs__list--ScrollSnapTypeAxis | |
- --pf-v6-c-tabs__list--ScrollSnapTypeAxis
- --pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis
- y
|
| .pf-v6-c-tabs.pf-m-vertical | --pf-v6-c-tabs--link-accent--InsetBlockStart | |
- --pf-v6-c-tabs--link-accent--InsetBlockStart
- --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart
- 0
|
| .pf-v6-c-tabs.pf-m-vertical | --pf-v6-c-tabs--link-accent--InsetBlockEnd | |
- --pf-v6-c-tabs--link-accent--InsetBlockEnd
- --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd
- auto
|
| .pf-v6-c-tabs.pf-m-vertical | --pf-v6-c-tabs--link-accent--Width | |
- --pf-v6-c-tabs--link-accent--Width
- --pf-v6-c-tabs--m-vertical--link-accent--Width
- undefined
|
| .pf-v6-c-tabs.pf-m-vertical | --pf-v6-c-tabs--link-accent--Height | |
- --pf-v6-c-tabs--link-accent--Height
- --pf-v6-c-tabs--m-vertical--link-accent--Height
- undefined
|
| .pf-v6-c-tabs.pf-m-vertical | --pf-v6-c-tabs--link-accent--BorderBlockEndWidth | |
- --pf-v6-c-tabs--link-accent--BorderBlockEndWidth
- --pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth
- 0
|
| .pf-v6-c-tabs.pf-m-vertical | --pf-v6-c-tabs--link-accent--BorderInlineStartWidth | |
- --pf-v6-c-tabs--link-accent--BorderInlineStartWidth
- --pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth
- --pf-v6-c-tabs--link-accent--border-size
- --pf-v6-c-tabs__item--m-current__link--after--BorderWidth
- --pf-t--global--border--width--extra-strong
- --pf-t--global--border--width--300
- 3px
|
| .pf-v6-c-tabs.pf-m-vertical | --pf-v6-c-tabs--link-accent--TranslateX | |
- --pf-v6-c-tabs--link-accent--TranslateX
- --pf-v6-c-tabs--m-vertical--link-accent--TranslateX
- 0
|
| .pf-v6-c-tabs.pf-m-vertical | --pf-v6-c-tabs--link-accent--TranslateY | |
- --pf-v6-c-tabs--link-accent--TranslateY
- --pf-v6-c-tabs--m-vertical--link-accent--TranslateY
- --pf-v6-c-tabs--link-accent--start
- 0
|
| .pf-v6-c-tabs.pf-m-vertical | --pf-v6-c-tabs--link-accent--TransformOrigin | |
- --pf-v6-c-tabs--link-accent--TransformOrigin
- --pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin
- center 0
|
| .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__link | --pf-v6-c-tabs__link--after--BorderBlockStartWidth | |
| .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__link | --pf-v6-c-tabs__link--after--BorderInlineStartWidth | |
- --pf-v6-c-tabs__link--after--BorderInlineStartWidth
- --pf-v6-c-tabs__link--after--BorderWidth
- 0
|
| .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable | --pf-v6-c-tabs__list--Display | |
| .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable | --pf-v6-c-tabs__toggle--Display | |
| .pf-v6-c-tabs.pf-m-vertical.pf-m-non-expandable | --pf-v6-c-tabs__list--Display | |
| .pf-v6-c-tabs.pf-m-vertical.pf-m-non-expandable | --pf-v6-c-tabs__toggle--Display | |
| .pf-v6-c-tabs.pf-m-vertical.pf-m-expanded | --pf-v6-c-tabs__list--Display | |
| .pf-v6-c-tabs.pf-m-vertical.pf-m-expanded | --pf-v6-c-tabs__toggle-icon--Rotate | |
- --pf-v6-c-tabs__toggle-icon--Rotate
- --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate
- -180deg
|
| .pf-v6-c-tabs.pf-m-box.pf-m-vertical | --pf-v6-c-tabs--inset | |
- --pf-v6-c-tabs--inset
- --pf-v6-c-tabs--m-vertical--m-box--inset
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-tabs.pf-m-box.pf-m-vertical | --pf-v6-c-tabs--m-vertical__list--before--BorderInlineStartWidth | |
| .pf-v6-c-tabs.pf-m-box.pf-m-vertical | --pf-v6-c-tabs--m-vertical__list--before--BorderInlineEndWidth | |
- --pf-v6-c-tabs--m-vertical__list--before--BorderInlineEndWidth
- --pf-v6-c-tabs--before--border-width--base
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tabs.pf-m-box.pf-m-vertical | --pf-v6-c-tabs__link--before--BorderInlineEndWidth | |
- --pf-v6-c-tabs__link--before--BorderInlineEndWidth
- --pf-v6-c-tabs__link--before--border-width--base
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tabs.pf-m-box.pf-m-vertical | --pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth | |
- --pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth
- --pf-v6-c-tabs--before--border-width--base
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tabs.pf-m-box.pf-m-vertical | --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth | |
- --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth
- --pf-v6-c-tabs--before--border-width--base
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tabs.pf-m-box.pf-m-vertical | --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth | |
| .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item:last-child | --pf-v6-c-tabs__link--before--BorderInlineEndWidth | |
- --pf-v6-c-tabs__link--before--BorderInlineEndWidth
- --pf-v6-c-tabs__link--before--border-width--base
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item:first-child | --pf-v6-c-tabs__link--before--BorderBlockStartWidth | |
- --pf-v6-c-tabs__link--before--BorderBlockStartWidth
- --pf-v6-c-tabs__link--before--border-width--base
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item.pf-m-current | --pf-v6-c-tabs__link--before--BorderInlineEndColor | |
- --pf-v6-c-tabs__link--before--BorderInlineEndColor
- --pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor
- --pf-t--global--border--color--alt
- --pf-t--global--background--color--primary--default
- --pf-t--global--background--color--100
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item.pf-m-current | --pf-v6-c-tabs__link--before--BorderInlineEndWidth | |
- --pf-v6-c-tabs__link--before--BorderInlineEndWidth
- --pf-v6-c-tabs__link--before--border-width--base
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item.pf-m-current | --pf-v6-c-tabs__link--before--BorderBlockEndColor | |
- --pf-v6-c-tabs__link--before--BorderBlockEndColor
- --pf-v6-c-tabs__link--before--border-color--base
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item:first-child.pf-m-current | --pf-v6-c-tabs__link--before--BorderBlockStartWidth | |
- --pf-v6-c-tabs__link--before--BorderBlockStartWidth
- --pf-v6-c-tabs__link--before--border-width--base
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tabs.pf-m-subtab | --pf-v6-c-tabs__link--FontSize | |
- --pf-v6-c-tabs__link--FontSize
- --pf-v6-c-tabs--m-subtab__link--FontSize
- --pf-t--global--font--size--xs
- --pf-t--global--font--size--100
- 0.75rem
|
| .pf-v6-c-tabs.pf-m-subtab | --pf-v6-c-tabs__item-action--c-button--FontSize | |
- --pf-v6-c-tabs__item-action--c-button--FontSize
- --pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize
- --pf-t--global--font--size--xs
- --pf-t--global--font--size--100
- 0.75rem
|
| .pf-v6-c-tabs.pf-m-subtab | --pf-v6-c-tabs__add--c-button--FontSize | |
- --pf-v6-c-tabs__add--c-button--FontSize
- --pf-v6-c-tabs--m-subtab__add--c-button--FontSize
- --pf-t--global--font--size--xs
- --pf-t--global--font--size--100
- 0.75rem
|
| .pf-v6-c-tabs.pf-m-page-insets | --pf-v6-c-tabs--inset | |
- --pf-v6-c-tabs--inset
- --pf-v6-c-tabs--m-page-insets--inset
- calc(--pf-t--global--spacer--lg - --pf-t--global--border--width--main--default)
- calc(--pf-t--global--spacer--400 - --pf-t--global--border--width--400)
- calc(1.5rem - 4px)
|
| .pf-v6-c-tabs.pf-m-nav | --pf-v6-c-tabs__link--disabled--BackgroundColor | |
| .pf-v6-c-tabs.pf-m-nav | --pf-v6-c-tabs__link--disabled--Color | |
- --pf-v6-c-tabs__link--disabled--Color
- --pf-v6-c-tabs--m-nav__link--disabled--Color
- --pf-t--global--text--color--disabled
- --pf-t--global--color--disabled--200
- --pf-t--color--gray--40
- #a3a3a3
|
| .pf-v6-c-tabs.pf-m-nav | --pf-v6-c-tabs__link--BorderRadius | |
- --pf-v6-c-tabs__link--BorderRadius
- --pf-v6-c-tabs--m-nav__link--BorderRadius
- --pf-t--global--border--radius--pill
- --pf-t--global--border--radius--500
- 999px
|
| .pf-v6-c-tabs.pf-m-nav.pf-m-subtab .pf-v6-c-tabs__scroll-button .pf-v6-c-button | --pf-v6-c-button--FontSize | |
- --pf-v6-c-button--FontSize
- --pf-v6-c-tabs--m-nav--m-subtab__scroll-button--button--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-tabs__item.pf-m-current | --pf-v6-c-tabs__link--Color | |
- --pf-v6-c-tabs__link--Color
- --pf-v6-c-tabs__item--m-current__link--Color
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-tabs__item.pf-m-current | --pf-v6-c-tabs__link--after--BorderColor | |
- --pf-v6-c-tabs__link--after--BorderColor
- --pf-v6-c-tabs--link-accent--color
- --pf-v6-c-tabs__item--m-current__link--after--BorderColor
- --pf-t--global--color--brand--accent--default
- --pf-t--global--color--brand--default
- --pf-t--global--color--brand--200
- --pf-t--color--blue--50
- #0066cc
|
| .pf-v6-c-tabs__item.pf-m-current | --pf-v6-c-tabs__link--after--BorderWidth | |
- --pf-v6-c-tabs__link--after--BorderWidth
- --pf-v6-c-tabs__item--m-current__link--after--BorderWidth
- --pf-t--global--border--width--extra-strong
- --pf-t--global--border--width--300
- 3px
|
| .pf-v6-c-tabs__item.pf-m-current | --pf-v6-c-tabs__item--BackgroundColor | |
- --pf-v6-c-tabs__item--BackgroundColor
- --pf-v6-c-tabs__item--m-current--BackgroundColor
- transparent
|
| .pf-v6-c-tabs__item.pf-m-action | --pf-v6-c-tabs__link--after--BorderBlockEndWidth | |
- --pf-v6-c-tabs__link--after--BorderBlockEndWidth
- --pf-v6-c-tabs__link--after--BorderWidth
- 0
|
| .pf-v6-c-tabs__link:where(:hover, :focus) | --pf-v6-c-tabs__link--BackgroundColor |
(In light theme) rgb(199, 199, 199, 0.2500) |
- --pf-v6-c-tabs__link--BackgroundColor
- --pf-v6-c-tabs__link--hover--BackgroundColor
- --pf-t--global--background--color--action--plain--hover
- --pf-t--global--background--color--600
- rgb(199, 199, 199, 0.2500)
|
| .pf-v6-c-tabs__link:where(:hover, :focus) | --pf-v6-c-tabs__link--BorderColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-tabs__link--BorderColor
- --pf-v6-c-tabs__link--hover--BorderColor
- --pf-t--global--border--color--high-contrast
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-tabs__item.pf-m-action.pf-m-disabled | --pf-v6-c-tabs__link--Color | |
- --pf-v6-c-tabs__link--Color
- --pf-v6-c-tabs__link--disabled--Color
- --pf-t--global--text--color--disabled
- --pf-t--global--color--disabled--200
- --pf-t--color--gray--40
- #a3a3a3
|
| .pf-v6-c-tabs__item.pf-m-action.pf-m-disabled | --pf-v6-c-tabs__link--before--BorderInlineEndWidth | |
- --pf-v6-c-tabs__link--before--BorderInlineEndWidth
- --pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth
- 0
|
| .pf-v6-c-tabs__item.pf-m-action.pf-m-disabled | --pf-v6-c-tabs__link--before--BorderBlockEndWidth | |
- --pf-v6-c-tabs__link--before--BorderBlockEndWidth
- --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth
- --pf-v6-c-tabs--before--border-width--base
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tabs__item.pf-m-action.pf-m-disabled | --pf-v6-c-tabs__link--before--BorderInlineStartWidth | |
- --pf-v6-c-tabs__link--before--BorderInlineStartWidth
- --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth
- 0
|
| .pf-v6-c-tabs__item.pf-m-action.pf-m-disabled | --pf-v6-c-tabs__link--after--BorderWidth | |
| .pf-v6-c-tabs__item.pf-m-action.pf-m-disabled | --pf-v6-c-tabs__link--BackgroundColor | |
| .pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) | --pf-v6-c-tabs__link--BackgroundColor | |
- --pf-v6-c-tabs__link--BackgroundColor
- --pf-v6-c-tabs__link--disabled--BackgroundColor
- transparent
|
| .pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) | --pf-v6-c-tabs__link--BorderColor | |
- --pf-v6-c-tabs__link--BorderColor
- --pf-v6-c-tabs__link--disabled--BorderColor
- transparent
|
| .pf-v6-c-tabs__link.pf-m-expanded | --pf-v6-c-tabs__link-toggle-icon--Rotate | |
- --pf-v6-c-tabs__link-toggle-icon--Rotate
- --pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate
- -180deg
|
| .pf-v6-c-tabs__item-action .pf-v6-c-button | --pf-v6-c-button--FontSize | |
- --pf-v6-c-button--FontSize
- --pf-v6-c-tabs__item-action--c-button--FontSize
- --pf-t--global--font--size--sm
- --pf-t--global--font--size--200
- 0.875rem
|
| .pf-v6-c-tabs__scroll-button:nth-of-type(1) | --pf-v6-c-tabs__scroll-button--before--BorderInlineEndWidth | |
- --pf-v6-c-tabs__scroll-button--before--BorderInlineEndWidth
- --pf-v6-c-tabs__scroll-button--before--border-width--base
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tabs__scroll-button:nth-of-type(2) | --pf-v6-c-tabs__scroll-button--before--BorderInlineStartWidth | |
- --pf-v6-c-tabs__scroll-button--before--BorderInlineStartWidth
- --pf-v6-c-tabs__scroll-button--before--border-width--base
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tabs__add .pf-v6-c-button | --pf-v6-c-button--FontSize | |
- --pf-v6-c-button--FontSize
- --pf-v6-c-tabs__add--c-button--FontSize
- --pf-t--global--font--size--sm
- --pf-t--global--font--size--200
- 0.875rem
|
| .pf-v6-c-tabs.pf-m-inset-none | --pf-v6-c-tabs--inset | |
| .pf-v6-c-tabs.pf-m-inset-none | --pf-v6-c-tabs--m-vertical--inset | |
| .pf-v6-c-tabs.pf-m-inset-none | --pf-v6-c-tabs--m-vertical--m-box--inset | |
| .pf-v6-c-tabs.pf-m-inset-sm | --pf-v6-c-tabs--inset | |
- --pf-v6-c-tabs--inset
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs.pf-m-inset-sm | --pf-v6-c-tabs--m-vertical--inset | |
- --pf-v6-c-tabs--m-vertical--inset
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs.pf-m-inset-sm | --pf-v6-c-tabs--m-vertical--m-box--inset | |
- --pf-v6-c-tabs--m-vertical--m-box--inset
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tabs.pf-m-inset-md | --pf-v6-c-tabs--inset | |
- --pf-v6-c-tabs--inset
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-tabs.pf-m-inset-md | --pf-v6-c-tabs--m-vertical--inset | |
- --pf-v6-c-tabs--m-vertical--inset
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-tabs.pf-m-inset-md | --pf-v6-c-tabs--m-vertical--m-box--inset | |
- --pf-v6-c-tabs--m-vertical--m-box--inset
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-tabs.pf-m-inset-lg | --pf-v6-c-tabs--inset | |
- --pf-v6-c-tabs--inset
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-tabs.pf-m-inset-lg | --pf-v6-c-tabs--m-vertical--inset | |
- --pf-v6-c-tabs--m-vertical--inset
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-tabs.pf-m-inset-lg | --pf-v6-c-tabs--m-vertical--m-box--inset | |
- --pf-v6-c-tabs--m-vertical--m-box--inset
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-tabs.pf-m-inset-xl | --pf-v6-c-tabs--inset | |
- --pf-v6-c-tabs--inset
- --pf-t--global--spacer--xl
- --pf-t--global--spacer--500
- 2rem
|
| .pf-v6-c-tabs.pf-m-inset-xl | --pf-v6-c-tabs--m-vertical--inset | |
- --pf-v6-c-tabs--m-vertical--inset
- --pf-t--global--spacer--xl
- --pf-t--global--spacer--500
- 2rem
|
| .pf-v6-c-tabs.pf-m-inset-xl | --pf-v6-c-tabs--m-vertical--m-box--inset | |
- --pf-v6-c-tabs--m-vertical--m-box--inset
- --pf-t--global--spacer--xl
- --pf-t--global--spacer--500
- 2rem
|
| .pf-v6-c-tabs.pf-m-inset-2xl | --pf-v6-c-tabs--inset | |
- --pf-v6-c-tabs--inset
- --pf-t--global--spacer--2xl
- --pf-t--global--spacer--600
- 3rem
|
| .pf-v6-c-tabs.pf-m-inset-2xl | --pf-v6-c-tabs--m-vertical--inset | |
- --pf-v6-c-tabs--m-vertical--inset
- --pf-t--global--spacer--2xl
- --pf-t--global--spacer--600
- 3rem
|
| .pf-v6-c-tabs.pf-m-inset-2xl | --pf-v6-c-tabs--m-vertical--m-box--inset | |
- --pf-v6-c-tabs--m-vertical--m-box--inset
- --pf-t--global--spacer--2xl
- --pf-t--global--spacer--600
- 3rem
|