| .pf-v6-c-table | --pf-v6-c-table--BackgroundColor | |
- --pf-v6-c-table--BackgroundColor
- --pf-t--global--background--color--primary--default
- --pf-t--global--background--color--100
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-table | --pf-v6-c-table--BorderColor | |
- --pf-v6-c-table--BorderColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-table | --pf-v6-c-table--border-width--base | |
- --pf-v6-c-table--border-width--base
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-table | --pf-v6-c-table__caption--FontSize | |
- --pf-v6-c-table__caption--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-table | --pf-v6-c-table__caption--Color | |
- --pf-v6-c-table__caption--Color
- --pf-t--global--text--color--subtle
- --pf-t--global--text--color--200
- --pf-t--color--gray--60
- #4d4d4d
|
| .pf-v6-c-table | --pf-v6-c-table__caption--PaddingBlockStart | |
- --pf-v6-c-table__caption--PaddingBlockStart
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table | --pf-v6-c-table__caption--PaddingInlineEnd | |
- --pf-v6-c-table__caption--PaddingInlineEnd
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-table | --pf-v6-c-table__caption--PaddingBlockEnd | |
- --pf-v6-c-table__caption--PaddingBlockEnd
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table | --pf-v6-c-table__caption--PaddingInlineStart | |
- --pf-v6-c-table__caption--PaddingInlineStart
- --pf-t--global--spacer--inset--page-chrome
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-table | --pf-v6-c-table__thead--cell--FontSize | |
- --pf-v6-c-table__thead--cell--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-table | --pf-v6-c-table__thead--cell--FontWeight | |
- --pf-v6-c-table__thead--cell--FontWeight
- --pf-t--global--font--weight--body--bold
- --pf-t--global--font--weight--200
- 600
|
| .pf-v6-c-table | --pf-v6-c-table__thead__toggle--PaddingBlockStart | |
- --pf-v6-c-table__thead__toggle--PaddingBlockStart
- --pf-v6-c-table--cell--Padding--base
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table | --pf-v6-c-table__thead__toggle--PaddingBlockEnd | |
- --pf-v6-c-table__thead__toggle--PaddingBlockEnd
- --pf-v6-c-table--cell--Padding--base
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table | --pf-v6-c-table__tbody--cell--PaddingBlockStart | |
- --pf-v6-c-table__tbody--cell--PaddingBlockStart
- --pf-v6-c-table--cell--Padding--base
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table | --pf-v6-c-table__tbody--cell--PaddingBlockEnd | |
- --pf-v6-c-table__tbody--cell--PaddingBlockEnd
- --pf-v6-c-table--cell--Padding--base
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table | --pf-v6-c-table__tbody--cell--FontSize | |
- --pf-v6-c-table__tbody--cell--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-table | --pf-v6-c-table__tr--BorderBlockEndWidth | |
- --pf-v6-c-table__tr--BorderBlockEndWidth
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-table | --pf-v6-c-table__tr--BorderBlockEndColor | |
- --pf-v6-c-table__tr--BorderBlockEndColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-table | --pf-v6-c-table--cell--Padding--base | |
- --pf-v6-c-table--cell--Padding--base
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table | --pf-v6-c-table--cell--PaddingBlockStart | |
- --pf-v6-c-table--cell--PaddingBlockStart
- --pf-v6-c-table--cell--Padding--base
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table | --pf-v6-c-table--cell--PaddingInlineEnd | |
- --pf-v6-c-table--cell--PaddingInlineEnd
- --pf-v6-c-table--cell--Padding--base
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table | --pf-v6-c-table--cell--PaddingBlockEnd | |
- --pf-v6-c-table--cell--PaddingBlockEnd
- --pf-v6-c-table--cell--Padding--base
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table | --pf-v6-c-table--cell--PaddingInlineStart | |
- --pf-v6-c-table--cell--PaddingInlineStart
- --pf-v6-c-table--cell--Padding--base
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table | --pf-v6-c-table--cell--FontSize | |
- --pf-v6-c-table--cell--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-table | --pf-v6-c-table--cell--FontWeight | |
- --pf-v6-c-table--cell--FontWeight
- --pf-t--global--font--weight--body--default
- --pf-t--global--font--weight--100
- 400
|
| .pf-v6-c-table | --pf-v6-c-table--cell--LineHeight | |
- --pf-v6-c-table--cell--LineHeight
- --pf-t--global--font--line-height--body
- --pf-t--global--font--line-height--200
- 1.5
|
| .pf-v6-c-table | --pf-v6-c-table--cell--Color | |
- --pf-v6-c-table--cell--Color
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-table | --pf-v6-c-table--cell--first-last-child--PaddingInline | |
- --pf-v6-c-table--cell--first-last-child--PaddingInline
- --pf-t--global--spacer--inset--page-chrome
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-table | --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart | |
- --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart
- --pf-v6-c-table--cell--Padding--base
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table | --pf-v6-c-table--cell--MinWidth | |
- --pf-v6-c-table--cell--MinWidth
- calc(--pf-v6-c-table--cell--PaddingInlineEnd + --pf-v6-c-table--cell--PaddingInlineEnd)
- calc(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd + --pf-v6-c-table--m-grid--cell--PaddingInlineEnd)
- calc(0 + 0)
|
| .pf-v6-c-table | --pf-v6-c-table--cell--MaxWidth | |
| .pf-v6-c-table | --pf-v6-c-table--cell--Width | |
| .pf-v6-c-table | --pf-v6-c-table--cell--Overflow | |
| .pf-v6-c-table | --pf-v6-c-table--cell--TextOverflow | |
| .pf-v6-c-table | --pf-v6-c-table--cell--WhiteSpace | |
| .pf-v6-c-table | --pf-v6-c-table--cell--WordBreak | |
| .pf-v6-c-table | --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth | |
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-table | --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor | |
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-table | --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth | |
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-table | --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor | |
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-table | --pf-v6-c-table--cell--m-help--MinWidth | |
| .pf-v6-c-table | --pf-v6-c-table--m-truncate--cell--MaxWidth | |
| .pf-v6-c-table | --pf-v6-c-table--m-truncate--cell--MinWidth | |
- --pf-v6-c-table--m-truncate--cell--MinWidth
- calc(5ch + --pf-v6-c-table--cell--PaddingInlineEnd + --pf-v6-c-table--cell--PaddingInlineStart)
- calc(5ch + --pf-v6-c-table--m-grid--cell--PaddingInlineEnd + --pf-v6-c-table--m-grid--cell--PaddingInlineStart)
- calc(5ch + 0 + 0)
|
| .pf-v6-c-table | --pf-v6-c-table__text--MinWidth | |
| .pf-v6-c-table | --pf-v6-c-table__text--m-truncate--MinWidth | |
| .pf-v6-c-table | --pf-v6-c-table--m-truncate__text--MinWidth | |
| .pf-v6-c-table | --pf-v6-c-table--cell--hidden-visible--Display | |
| .pf-v6-c-table | --pf-v6-c-table__toggle--PaddingBlockStart | |
- --pf-v6-c-table__toggle--PaddingBlockStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table | --pf-v6-c-table__toggle--PaddingBlockEnd | |
- --pf-v6-c-table__toggle--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table | --pf-v6-c-table__toggle--PaddingInlineStart | |
- --pf-v6-c-table__toggle--PaddingInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table | --pf-v6-c-table__toggle--PaddingInlineEnd | |
- --pf-v6-c-table__toggle--PaddingInlineEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table | --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate | |
| .pf-v6-c-table | --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration | |
- --pf-v6-c-table__toggle--c-button__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-table | --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction | cubic-bezier(.4, 0, .2, 1) |
- --pf-v6-c-table__toggle--c-button__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-table | --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate | |
| .pf-v6-c-table | --pf-v6-c-table__button--PaddingBlockStart | |
- --pf-v6-c-table__button--PaddingBlockStart
- --pf-t--global--spacer--control--vertical--plain
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table | --pf-v6-c-table__button--PaddingBlockEnd | |
- --pf-v6-c-table__button--PaddingBlockEnd
- --pf-t--global--spacer--control--vertical--plain
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table | --pf-v6-c-table__button--PaddingInlineStart | |
- --pf-v6-c-table__button--PaddingInlineStart
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table | --pf-v6-c-table__button--PaddingInlineEnd | |
- --pf-v6-c-table__button--PaddingInlineEnd
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table | --pf-v6-c-table__button--Color | |
- --pf-v6-c-table__button--Color
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-table | --pf-v6-c-table__button--BackgroundColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-table__button--BackgroundColor
- --pf-t--global--background--color--action--plain--default
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-table | --pf-v6-c-table__button--OutlineOffset | |
- --pf-v6-c-table__button--OutlineOffset
- calc(--pf-t--global--border--width--strong * -1)
- calc(--pf-t--global--border--width--200 * -1)
- calc(2px * -1)
|
| .pf-v6-c-table | --pf-v6-c-table__button--BorderColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-table__button--BorderColor
- --pf-t--global--border--color--high-contrast
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-table | --pf-v6-c-table__button--BorderWidth | |
- --pf-v6-c-table__button--BorderWidth
- --pf-t--global--border--width--action--plain--default
- 0px
|
| .pf-v6-c-table | --pf-v6-c-table__button--hover--BorderWidth | |
- --pf-v6-c-table__button--hover--BorderWidth
- --pf-t--global--border--width--action--plain--hover
- 0px
|
| .pf-v6-c-table | --pf-v6-c-table__button--BorderRadius | |
- --pf-v6-c-table__button--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-table | --pf-v6-c-table__button--hover--Color | |
- --pf-v6-c-table__button--hover--Color
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-table | --pf-v6-c-table__button--hover--BackgroundColor |
(In light theme) rgb(199, 199, 199, 0.2500) |
- --pf-v6-c-table__button--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-table | --pf-v6-c-table__check--PaddingInlineStart | |
- --pf-v6-c-table__check--PaddingInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table | --pf-v6-c-table__check--PaddingInlineEnd | |
- --pf-v6-c-table__check--PaddingInlineEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table | --pf-v6-c-table__favorite--c-button--FontSize | |
- --pf-v6-c-table__favorite--c-button--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-table | --pf-v6-c-table--cell--m-favorite--Color | |
- --pf-v6-c-table--cell--m-favorite--Color
- --pf-t--global--text--color--subtle
- --pf-t--global--text--color--200
- --pf-t--color--gray--60
- #4d4d4d
|
| .pf-v6-c-table | --pf-v6-c-table__favorite--m-favorited--c-button--Color | |
- --pf-v6-c-table__favorite--m-favorited--c-button--Color
- --pf-t--global--color--favorite--clicked
- --pf-t--global--color--favorite--200
- --pf-t--color--yellow--40
- #dca614
|
| .pf-v6-c-table | --pf-v6-c-table__tr--m-ghost-row--Opacity | |
| .pf-v6-c-table | --pf-v6-c-table__tr--m-ghost-row--BackgroundColor | |
- --pf-v6-c-table__tr--m-ghost-row--BackgroundColor
- --pf-t--global--background--color--primary--default
- --pf-t--global--background--color--100
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-table | --pf-v6-c-table__action--PaddingBlockStart | |
- --pf-v6-c-table__action--PaddingBlockStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table | --pf-v6-c-table__action--PaddingBlockEnd | |
- --pf-v6-c-table__action--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table | --pf-v6-c-table__action--PaddingInlineStart | |
- --pf-v6-c-table__action--PaddingInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table | --pf-v6-c-table__action--PaddingInlineEnd | |
- --pf-v6-c-table__action--PaddingInlineEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table | --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide | |
| .pf-v6-c-table | --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade | |
- --pf-v6-c-table__expandable-row--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-table | --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide | |
| .pf-v6-c-table | --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade | |
- --pf-v6-c-table__expandable-row--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-table | --pf-v6-c-table__expandable-row--TransitionTimingFunction | cubic-bezier(.4, 0, .2, 1) |
- --pf-v6-c-table__expandable-row--TransitionTimingFunction
- --pf-t--global--motion--timing-function--default
- --pf-t--global--timing-function--200
- cubic-bezier(.4, 0, .2, 1)
|
| .pf-v6-c-table | --pf-v6-c-table__expandable-row--Opacity | |
| .pf-v6-c-table | --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity | |
| .pf-v6-c-table | --pf-v6-c-table__expandable-row--TranslateY | |
| .pf-v6-c-table | --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY | |
| .pf-v6-c-table | --pf-v6-c-table__expandable-row-content--PaddingBlockStart | |
- --pf-v6-c-table__expandable-row-content--PaddingBlockStart
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table | --pf-v6-c-table__expandable-row-content--PaddingBlockEnd | |
- --pf-v6-c-table__expandable-row-content--PaddingBlockEnd
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table | --pf-v6-c-table__expandable-row-content--PaddingInlineStart | |
- --pf-v6-c-table__expandable-row-content--PaddingInlineStart
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table | --pf-v6-c-table__expandable-row-content--PaddingInlineEnd | |
- --pf-v6-c-table__expandable-row-content--PaddingInlineEnd
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table | --pf-v6-c-table__expandable-row-content--BorderRadius | |
- --pf-v6-c-table__expandable-row-content--BorderRadius
- --pf-t--global--border--radius--small
- --pf-t--global--border--radius--200
- 6px
|
| .pf-v6-c-table | --pf-v6-c-table__expandable-row-content--BackgroundColor | |
- --pf-v6-c-table__expandable-row-content--BackgroundColor
- --pf-t--global--background--color--primary--default
- --pf-t--global--background--color--100
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-table | --pf-v6-c-table__expandable-row-content--BorderColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-table__expandable-row-content--BorderColor
- --pf-t--global--border--color--high-contrast
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-table | --pf-v6-c-table__expandable-row-content--BorderWidth | |
| .pf-v6-c-table | --pf-v6-c-table__control-row--BackgroundColor | |
- --pf-v6-c-table__control-row--BackgroundColor
- --pf-t--global--background--color--primary--default
- --pf-t--global--background--color--100
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-table | --pf-v6-c-table__control-row--BorderBlockEndWidth | |
- --pf-v6-c-table__control-row--BorderBlockEndWidth
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-table | --pf-v6-c-table__control-row__tbody--BorderBlockEndColor | |
- --pf-v6-c-table__control-row__tbody--BorderBlockEndColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-table | --pf-v6-c-table__icon-inline--MarginInlineEnd | |
- --pf-v6-c-table__icon-inline--MarginInlineEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table | --pf-v6-c-table__sort--MinWidth | |
- --pf-v6-c-table__sort--MinWidth
- calc(6ch + --pf-v6-c-table--cell--PaddingInlineEnd + --pf-v6-c-table--cell--PaddingInlineStart + --pf-v6-c-table__sort-indicator--MarginInlineStart)
- calc(6ch + --pf-v6-c-table--m-grid--cell--PaddingInlineEnd + --pf-v6-c-table--m-grid--cell--PaddingInlineStart + --pf-t--global--spacer--md)
- calc(6ch + 0 + 0 + --pf-t--global--spacer--300)
- calc(6ch + 0 + 0 + 1rem)
|
| .pf-v6-c-table | --pf-v6-c-table__sort--m-selected__button--Color | |
- --pf-v6-c-table__sort--m-selected__button--Color
- --pf-t--global--color--brand--clicked
- --pf-t--global--color--brand--300
- --pf-t--color--blue--60
- #004d99
|
| .pf-v6-c-table | --pf-v6-c-table__sort--m-help--MinWidth | |
| .pf-v6-c-table | --pf-v6-c-table__sort__button__text--Color | |
| .pf-v6-c-table | --pf-v6-c-table__sort__button--hover__text--Color | |
| .pf-v6-c-table | --pf-v6-c-table__sort-indicator--Color | |
- --pf-v6-c-table__sort-indicator--Color
- --pf-t--global--icon--color--subtle
- --pf-t--global--icon--color--200
- --pf-t--color--gray--50
- #707070
|
| .pf-v6-c-table | --pf-v6-c-table__sort-indicator--MarginInlineStart | |
- --pf-v6-c-table__sort-indicator--MarginInlineStart
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table | --pf-v6-c-table__sort--m-selected__sort-indicator--Color | |
- --pf-v6-c-table__sort--m-selected__sort-indicator--Color
- --pf-t--global--color--brand--clicked
- --pf-t--global--color--brand--300
- --pf-t--color--blue--60
- #004d99
|
| .pf-v6-c-table | --pf-v6-c-table__sort__button--hover__sort-indicator--Color | |
- --pf-v6-c-table__sort__button--hover__sort-indicator--Color
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-table | --pf-v6-c-table__th--m-help--MinWidth | |
| .pf-v6-c-table | --pf-v6-c-table__column-help--MarginInlineStart | |
- --pf-v6-c-table__column-help--MarginInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table | --pf-v6-c-table__compound-expansion-toggle__button--Color | |
- --pf-v6-c-table__compound-expansion-toggle__button--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-table | --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor | |
| .pf-v6-c-table | --pf-v6-c-table__compound-expansion-toggle__button--hover--Color | |
- --pf-v6-c-table__compound-expansion-toggle__button--hover--Color
- --pf-t--global--icon--color--brand--hover
- --pf-t--global--color--brand--hover
- --pf-t--global--color--brand--300
- --pf-t--color--blue--60
- #004d99
|
| .pf-v6-c-table | --pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor | |
- --pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor
- --pf-t--global--background--color--primary--hover
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-table | --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor | |
- --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor
- --pf-t--global--background--color--primary--clicked
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-table | --pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor | |
- --pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor
- --pf-t--global--border--color--clicked
- --pf-t--global--color--brand--200
- --pf-t--color--blue--50
- #0066cc
|
| .pf-v6-c-table | --pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius | |
| .pf-v6-c-table | --pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth | |
| .pf-v6-c-table | --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth | |
| .pf-v6-c-table | --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth | |
- --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth
- --pf-t--global--border--width--strong
- --pf-t--global--border--width--200
- 2px
|
| .pf-v6-c-table | --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor | |
- --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor
- --pf-t--global--background--color--primary--clicked
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-table | --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth | |
- --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth
- --pf-t--global--border--width--high-contrast--regular
- 0px
|
| .pf-v6-c-table | --pf-v6-c-table--m-compact__th--PaddingBlockStart | |
- --pf-v6-c-table--m-compact__th--PaddingBlockStart
- calc(--pf-t--global--spacer--sm + --pf-t--global--spacer--xs)
- calc(--pf-t--global--spacer--200 + --pf-t--global--spacer--100)
- calc(0.5rem + 0.25rem)
|
| .pf-v6-c-table | --pf-v6-c-table--m-compact__th--PaddingBlockEnd | |
- --pf-v6-c-table--m-compact__th--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table | --pf-v6-c-table--m-compact--cell--PaddingBlockStart | |
- --pf-v6-c-table--m-compact--cell--PaddingBlockStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table | --pf-v6-c-table--m-compact--cell--PaddingBlockEnd | |
- --pf-v6-c-table--m-compact--cell--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table | --pf-v6-c-table__td--m-action--PaddingBlockStart | |
- --pf-v6-c-table__td--m-action--PaddingBlockStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table | --pf-v6-c-table__td--m-action--PaddingBlockEnd | |
- --pf-v6-c-table__td--m-action--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table | --pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart | |
- --pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-table | --pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd | |
- --pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-table | --pf-v6-c-table--m-compact__action--PaddingBlockStart | |
- --pf-v6-c-table--m-compact__action--PaddingBlockStart
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-table | --pf-v6-c-table--m-compact__action--PaddingBlockEnd | |
- --pf-v6-c-table--m-compact__action--PaddingBlockEnd
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-table | --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor | |
- --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-table | --pf-v6-c-table__tr--m-clickable--BackgroundColor | |
| .pf-v6-c-table | --pf-v6-c-table__tr--m-clickable--OutlineOffset | |
- --pf-v6-c-table__tr--m-clickable--OutlineOffset
- calc(-1 * --pf-t--global--spacer--xs)
- calc(-1 * --pf-t--global--spacer--100)
- calc(-1 * 0.25rem)
|
| .pf-v6-c-table | --pf-v6-c-table__tr--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-table__tr--m-clickable--hover--BackgroundColor
- --pf-t--global--background--color--primary--hover
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-table | --pf-v6-c-table__tr--m-selected--BackgroundColor | |
- --pf-v6-c-table__tr--m-selected--BackgroundColor
- --pf-t--global--background--color--primary--clicked
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-table | --pf-v6-c-table__tr--m-selected--OutlineOffset | |
- --pf-v6-c-table__tr--m-selected--OutlineOffset
- calc(-1 * --pf-t--global--spacer--xs)
- calc(-1 * --pf-t--global--spacer--100)
- calc(-1 * 0.25rem)
|
| .pf-v6-c-table | --pf-v6-c-table__tbody--m-clickable--BackgroundColor | |
| .pf-v6-c-table | --pf-v6-c-table__tbody--m-clickable--OutlineOffset | |
- --pf-v6-c-table__tbody--m-clickable--OutlineOffset
- calc(-1 * --pf-t--global--spacer--xs)
- calc(-1 * --pf-t--global--spacer--100)
- calc(-1 * 0.25rem)
|
| .pf-v6-c-table | --pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor
- --pf-t--global--background--color--primary--hover
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-table | --pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor | |
- --pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor
- --pf-t--global--background--color--primary--clicked
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-table | --pf-v6-c-table__tbody--m-selected--BackgroundColor | |
- --pf-v6-c-table__tbody--m-selected--BackgroundColor
- --pf-t--global--background--color--primary--clicked
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-table | --pf-v6-c-table__tbody--m-selected--OutlineOffset | |
- --pf-v6-c-table__tbody--m-selected--OutlineOffset
- calc(-1 * --pf-t--global--spacer--xs)
- calc(-1 * --pf-t--global--spacer--100)
- calc(-1 * 0.25rem)
|
| .pf-v6-c-table | --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth | |
- --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth
- --pf-v6-c-table--border-width--base
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-table | --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor | |
- --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor
- --pf-v6-c-table--BorderColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-table | --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex | |
| .pf-v6-c-table | --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset | |
| .pf-v6-c-table | --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart | |
- --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-table | --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd | |
- --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table | --pf-v6-c-table__subhead--Color | |
- --pf-v6-c-table__subhead--Color
- --pf-t--global--text--color--subtle
- --pf-t--global--text--color--200
- --pf-t--color--gray--60
- #4d4d4d
|
| .pf-v6-c-table | --pf-v6-c-table__nested-column-header__button--PaddingInlineStart | |
- --pf-v6-c-table__nested-column-header__button--PaddingInlineStart
- calc(--pf-v6-c-table__button--PaddingInlineStart - --pf-t--global--spacer--control--horizontal--plain)
- calc(--pf-t--global--spacer--md - --pf-t--global--spacer--sm)
- calc(--pf-t--global--spacer--300 - --pf-t--global--spacer--200)
- calc(1rem - 0.5rem)
|
| .pf-v6-c-table | --pf-v6-c-table__nested-column-header__button--PaddingInlineEnd | calc(1rem - (0.5rem / 2)) |
- --pf-v6-c-table__nested-column-header__button--PaddingInlineEnd
- calc(--pf-v6-c-table__button--PaddingInlineEnd - (--pf-t--global--spacer--control--horizontal--plain / 2))
- calc(--pf-t--global--spacer--md - (--pf-t--global--spacer--sm / 2))
- calc(--pf-t--global--spacer--300 - (--pf-t--global--spacer--200 / 2))
- calc(1rem - (0.5rem / 2))
|
| .pf-v6-c-table | --pf-v6-c-table--m-striped__tr--BackgroundColor |
(In light theme) rgb(199, 199, 199, 0.1000) |
- --pf-v6-c-table--m-striped__tr--BackgroundColor
- --pf-t--global--background--color--striped--row--default
- --pf-t--global--background--color--700
- rgb(199, 199, 199, 0.1000)
|
| .pf-v6-c-table | --pf-v6-c-table--m-sticky-header--BackgroundColor | |
- --pf-v6-c-table--m-sticky-header--BackgroundColor
- --pf-t--global--background--color--sticky--default
- --pf-t--global--background--color--100
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-table | --pf-v6-c-table--m-sticky-header--cell--ZIndex | |
- --pf-v6-c-table--m-sticky-header--cell--ZIndex
- --pf-t--global--z-index--xs
- --pf-t--global--z-index--100
- 100
|
| .pf-v6-c-table | --pf-v6-c-table--m-sticky-header--ZIndex | |
- --pf-v6-c-table--m-sticky-header--ZIndex
- calc(--pf-t--global--z-index--xs + 1)
- calc(--pf-t--global--z-index--100 + 1)
- calc(100 + 1)
|
| .pf-v6-c-table | --pf-v6-c-table--m-sticky-header--border--ZIndex | |
- --pf-v6-c-table--m-sticky-header--border--ZIndex
- calc(--pf-t--global--z-index--xs + 2)
- calc(--pf-t--global--z-index--100 + 2)
- calc(100 + 2)
|
| .pf-v6-c-table | --pf-v6-c-table--m-sticky-header--BorderRadius | |
| .pf-v6-c-table | --pf-v6-c-table--m-sticky-header--BoxShadow | |
| .pf-v6-c-table | --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth | |
- --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth
- --pf-v6-c-table--border-width--base
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-table | --pf-v6-c-table--m-sticky-header--BorderBlockEndColor | |
- --pf-v6-c-table--m-sticky-header--BorderBlockEndColor
- --pf-v6-c-table--BorderColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-table | --pf-v6-c-table--m-sticky-header--BorderRadius--glass | |
- --pf-v6-c-table--m-sticky-header--BorderRadius--glass
- --pf-t--global--border--radius--medium
- --pf-t--global--border--radius--300
- 16px
|
| .pf-v6-c-table | --pf-v6-c-table--m-sticky-header--BoxShadow--glass | 0px
1px
6px
0px
rgb(41, 41, 41, 0.1500) |
- --pf-v6-c-table--m-sticky-header--BoxShadow--glass
- --pf-t--global--box-shadow--sm
- --pf-t--global--box-shadow--X--sm--default
--pf-t--global--box-shadow--Y--sm--default
--pf-t--global--box-shadow--blur--sm
--pf-t--global--box-shadow--spread--sm--default
--pf-t--global--box-shadow--color--sm--default
- --pf-t--global--box-shadow--X--400
--pf-t--global--box-shadow--Y--500
--pf-t--global--box-shadow--blur--100
--pf-t--global--box-shadow--spread--100
--pf-t--global--box-shadow--color--100
- 0px
1px
6px
0px
rgb(41, 41, 41, 0.1500)
|
| .pf-v6-c-table | --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor | cubic-bezier(.4, 0, .2, 1) |
- --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor
- --pf-t--global--motion--timing-function--default
- --pf-t--global--timing-function--200
- cubic-bezier(.4, 0, .2, 1)
|
| .pf-v6-c-table | --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor | |
- --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor
- --pf-t--global--motion--duration--fade--default
- --pf-t--global--motion--duration--md
- --pf-t--global--duration--200
- 200ms
|
| .pf-v6-c-table | --pf-v6-c-table--m-sticky-footer--ZIndex | |
- --pf-v6-c-table--m-sticky-footer--ZIndex
- calc(--pf-t--global--z-index--xs + 1)
- calc(--pf-t--global--z-index--100 + 1)
- calc(100 + 1)
|
| .pf-v6-c-table | --pf-v6-c-table--m-sticky-footer--border--ZIndex | |
- --pf-v6-c-table--m-sticky-footer--border--ZIndex
- calc(--pf-t--global--z-index--xs + 2)
- calc(--pf-t--global--z-index--100 + 2)
- calc(100 + 2)
|
| :where(.pf-v6-theme-glass) .pf-v6-c-table | --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth | |
| :where(.pf-v6-theme-glass) .pf-v6-c-table | --pf-v6-c-table--m-sticky-header--BoxShadow | 0px
1px
6px
0px
rgb(41, 41, 41, 0.1500) |
- --pf-v6-c-table--m-sticky-header--BoxShadow
- --pf-v6-c-table--m-sticky-header--BoxShadow--glass
- --pf-t--global--box-shadow--sm
- --pf-t--global--box-shadow--X--sm--default
--pf-t--global--box-shadow--Y--sm--default
--pf-t--global--box-shadow--blur--sm
--pf-t--global--box-shadow--spread--sm--default
--pf-t--global--box-shadow--color--sm--default
- --pf-t--global--box-shadow--X--400
--pf-t--global--box-shadow--Y--500
--pf-t--global--box-shadow--blur--100
--pf-t--global--box-shadow--spread--100
--pf-t--global--box-shadow--color--100
- 0px
1px
6px
0px
rgb(41, 41, 41, 0.1500)
|
| :where(.pf-v6-theme-glass) .pf-v6-c-table | --pf-v6-c-table--m-sticky-header--BorderRadius | |
- --pf-v6-c-table--m-sticky-header--BorderRadius
- --pf-v6-c-table--m-sticky-header--BorderRadius--glass
- --pf-t--global--border--radius--medium
- --pf-t--global--border--radius--300
- 16px
|
| :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-table.pf-m-plain | --pf-v6-c-table--BackgroundColor | |
| :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-table.pf-m-plain | --pf-v6-c-table__expandable-row-content--BackgroundColor | |
| :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-table.pf-m-plain | --pf-v6-c-table__expandable-row-content--PaddingInlineStart | |
| :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-table.pf-m-plain | --pf-v6-c-table__expandable-row-content--PaddingInlineEnd | |
| :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-table.pf-m-plain | --pf-v6-c-table__control-row--BackgroundColor | |
| :where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header .pf-m-nested-column-header | --pf-v6-c-table--m-sticky-header--BorderRadius | |
| :where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header .pf-m-nested-column-header | --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth | |
| .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) th:where(.pf-v6-c-table__th):not([rowspan]) | --pf-v6-c-table--cell--PaddingBlockEnd | |
- --pf-v6-c-table--cell--PaddingBlockEnd
- --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table.pf-m-plain | --pf-v6-c-table--BackgroundColor | |
| .pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd) | --pf-v6-c-table__sticky-column--BackgroundColor |
(In light theme) rgb(199, 199, 199, 0.1000) |
- --pf-v6-c-table__sticky-column--BackgroundColor
- --pf-v6-c-table--m-striped__tr--BackgroundColor
- --pf-t--global--background--color--striped--row--default
- --pf-t--global--background--color--700
- rgb(199, 199, 199, 0.1000)
|
| .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) | --pf-v6-hidden-visible--visible--Display | |
- --pf-v6-hidden-visible--visible--Display
- --pf-v6-c-table--cell--hidden-visible--Display
- --pf-v6-c-table--m-grid--cell--hidden-visible--Display
- grid
|
| .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) | --pf-v6-hidden-visible--hidden--Display | |
| .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) | --pf-v6-hidden-visible--Display | |
- --pf-v6-hidden-visible--Display
- --pf-v6-hidden-visible--visible--Display
- --pf-v6-c-data-list__item-action--Display
- flex
|
| .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden | --pf-v6-hidden-visible--Display | |
- --pf-v6-hidden-visible--Display
- --pf-v6-hidden-visible--hidden--Display
- none
|
| .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-help | --pf-v6-c-table--cell--MinWidth | |
- --pf-v6-c-table--cell--MinWidth
- --pf-v6-c-table--cell--m-help--MinWidth
- 11ch
|
| .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-favorite | --pf-v6-c-table__button--Color | |
- --pf-v6-c-table__button--Color
- --pf-v6-c-table--cell--m-favorite--Color
- --pf-t--global--text--color--subtle
- --pf-t--global--text--color--200
- --pf-t--color--gray--60
- #4d4d4d
|
| .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-favorite | --pf-v6-c-table__sort--MinWidth | |
| .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-favorite | --pf-v6-c-table--cell--MaxWidth | |
| .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-favorite | --pf-v6-c-table--cell--Overflow | |
| .pf-v6-c-table thead:where(.pf-v6-c-table__thead) | --pf-v6-c-table--cell--FontSize | |
- --pf-v6-c-table--cell--FontSize
- --pf-v6-c-table__thead--cell--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-table thead:where(.pf-v6-c-table__thead) | --pf-v6-c-table--cell--FontWeight | |
- --pf-v6-c-table--cell--FontWeight
- --pf-v6-c-table__thead--cell--FontWeight
- --pf-t--global--font--weight--body--bold
- --pf-t--global--font--weight--200
- 600
|
| .pf-v6-c-table thead:where(.pf-v6-c-table__thead) | --pf-v6-c-table--cell--MinWidth | |
- --pf-v6-c-table--cell--MinWidth
- --pf-v6-c-table--m-truncate--cell--MinWidth
- calc(5ch + --pf-v6-c-table--cell--PaddingInlineEnd + --pf-v6-c-table--cell--PaddingInlineStart)
- calc(5ch + --pf-v6-c-table--m-grid--cell--PaddingInlineEnd + --pf-v6-c-table--m-grid--cell--PaddingInlineStart)
- calc(5ch + 0 + 0)
|
| .pf-v6-c-table thead:where(.pf-v6-c-table__thead) | --pf-v6-c-table--cell--MaxWidth | |
- --pf-v6-c-table--cell--MaxWidth
- --pf-v6-c-table--m-truncate--cell--MaxWidth
- 1px
|
| .pf-v6-c-table thead:where(.pf-v6-c-table__thead) | --pf-v6-c-table--cell--Overflow | |
| .pf-v6-c-table thead:where(.pf-v6-c-table__thead) | --pf-v6-c-table--cell--TextOverflow | |
| .pf-v6-c-table thead:where(.pf-v6-c-table__thead) | --pf-v6-c-table--cell--WhiteSpace | |
| .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:first-child) th:where(.pf-v6-c-table__th):not([rowspan]) | --pf-v6-c-table--cell--PaddingBlockStart | |
- --pf-v6-c-table--cell--PaddingBlockStart
- --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-table thead:where(.pf-v6-c-table__thead) .pf-v6-c-table__subhead | --pf-v6-c-table__sort__button__text--Color | |
- --pf-v6-c-table__sort__button__text--Color
- --pf-v6-c-table__subhead--Color
- --pf-t--global--text--color--subtle
- --pf-t--global--text--color--200
- --pf-t--color--gray--60
- #4d4d4d
|
| .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) | --pf-v6-c-table--cell--PaddingBlockStart | |
- --pf-v6-c-table--cell--PaddingBlockStart
- --pf-v6-c-table__tbody--cell--PaddingBlockStart
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) | --pf-v6-c-table--cell--PaddingBlockEnd | |
- --pf-v6-c-table--cell--PaddingBlockEnd
- --pf-v6-c-table__tbody--cell--PaddingBlockEnd
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) | --pf-v6-c-table--cell--FontSize | |
- --pf-v6-c-table--cell--FontSize
- --pf-v6-c-table__tbody--cell--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-table .pf-v6-c-table__td.pf-m-action | --pf-v6-c-table--cell--PaddingBlockStart | |
- --pf-v6-c-table--cell--PaddingBlockStart
- --pf-v6-c-table__td--m-action--PaddingBlockStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table .pf-v6-c-table__td.pf-m-action | --pf-v6-c-table--cell--PaddingBlockEnd | |
- --pf-v6-c-table--cell--PaddingBlockEnd
- --pf-v6-c-table__td--m-action--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody) | --pf-v6-c-table__tr--BorderBlockEndWidth | |
| .pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody) | --pf-v6-c-table__tbody--BorderBlockEndWidth | |
| .pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody) | --pf-v6-c-table--m-expandable__tbody--BorderBlockEndWidth | |
| .pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody) | --pf-v6-c-table__control-row--BorderBlockEndWidth | |
| .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) | --pf-v6-c-table__tr--m-clickable--BackgroundColor | |
- --pf-v6-c-table__tr--m-clickable--BackgroundColor
- --pf-v6-c-table__tr--m-clickable--hover--BackgroundColor
- --pf-t--global--background--color--primary--hover
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) | --pf-v6-c-table__tbody--m-clickable--BackgroundColor | |
- --pf-v6-c-table__tbody--m-clickable--BackgroundColor
- --pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor
- --pf-t--global--background--color--primary--hover
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable.pf-m-expanded | --pf-v6-c-table__tbody--m-clickable--BackgroundColor | |
- --pf-v6-c-table__tbody--m-clickable--BackgroundColor
- --pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor
- --pf-t--global--background--color--primary--clicked
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator | --pf-v6-c-table__sort-indicator--MarginInlineStart | |
| .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row | --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade | |
| .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row | --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide | |
| .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row | --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade | |
| .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row | --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide | |
| [class*=pf-v6-c-table].pf-m-truncate | --pf-v6-c-table--cell--MinWidth | |
- --pf-v6-c-table--cell--MinWidth
- --pf-v6-c-table--m-truncate--cell--MinWidth
- calc(5ch + --pf-v6-c-table--cell--PaddingInlineEnd + --pf-v6-c-table--cell--PaddingInlineStart)
- calc(5ch + --pf-v6-c-table--m-grid--cell--PaddingInlineEnd + --pf-v6-c-table--m-grid--cell--PaddingInlineStart)
- calc(5ch + 0 + 0)
|
| [class*=pf-v6-c-table].pf-m-truncate | --pf-v6-c-table--cell--MaxWidth | |
- --pf-v6-c-table--cell--MaxWidth
- --pf-v6-c-table--m-truncate--cell--MaxWidth
- 1px
|
| [class*=pf-v6-c-table].pf-m-truncate | --pf-v6-c-table--cell--Overflow | |
| [class*=pf-v6-c-table].pf-m-truncate | --pf-v6-c-table--cell--TextOverflow | |
| [class*=pf-v6-c-table].pf-m-truncate | --pf-v6-c-table--cell--WhiteSpace | |
| [class*=pf-v6-c-table].pf-m-wrap | --pf-v6-c-table--cell--MinWidth | |
| [class*=pf-v6-c-table].pf-m-wrap | --pf-v6-c-table--cell--MaxWidth | |
| [class*=pf-v6-c-table].pf-m-wrap | --pf-v6-c-table--cell--Overflow | |
| [class*=pf-v6-c-table].pf-m-wrap | --pf-v6-c-table--cell--TextOverflow | |
| [class*=pf-v6-c-table].pf-m-wrap | --pf-v6-c-table--cell--WhiteSpace | |
| [class*=pf-v6-c-table].pf-m-nowrap | --pf-v6-c-table--cell--MinWidth | |
| [class*=pf-v6-c-table].pf-m-nowrap | --pf-v6-c-table--cell--MaxWidth | |
| [class*=pf-v6-c-table].pf-m-nowrap | --pf-v6-c-table--cell--Overflow | |
| [class*=pf-v6-c-table].pf-m-nowrap | --pf-v6-c-table--cell--TextOverflow | |
| [class*=pf-v6-c-table].pf-m-nowrap | --pf-v6-c-table--cell--WhiteSpace | |
| [class*=pf-v6-c-table] .pf-v6-c-table__icon | --pf-v6-c-table--cell--MinWidth | |
| [class*=pf-v6-c-table] .pf-v6-c-table__icon | --pf-v6-c-table--cell--MaxWidth | |
| [class*=pf-v6-c-table] .pf-v6-c-table__icon | --pf-v6-c-table--cell--Width | |
| [class*=pf-v6-c-table] .pf-v6-c-table__icon | --pf-v6-c-table--cell--Overflow | |
| [class*=pf-v6-c-table] .pf-v6-c-table__icon | --pf-v6-c-table--cell--TextOverflow | |
| [class*=pf-v6-c-table] .pf-v6-c-table__icon | --pf-v6-c-table--cell--WhiteSpace | |
| [class*=pf-v6-c-table].pf-m-break-word | --pf-v6-c-table--cell--WordBreak | |
| [class*=pf-v6-c-table].pf-m-break-word | --pf-v6-c-table--cell--WhiteSpace | |
| .pf-v6-c-table__text.pf-m-truncate | --pf-v6-c-table--cell--MinWidth | |
| .pf-v6-c-table .pf-v6-c-table__check | --pf-v6-c-table--cell--MinWidth | |
| .pf-v6-c-table .pf-v6-c-table__check | --pf-v6-c-table--cell--Width | |
| .pf-v6-c-table .pf-v6-c-table__favorite | --pf-v6-c-table--cell--MaxWidth | |
| .pf-v6-c-table__toggle | --pf-v6-c-table--cell--PaddingBlockStart | |
- --pf-v6-c-table--cell--PaddingBlockStart
- --pf-v6-c-table__toggle--PaddingBlockStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table__toggle | --pf-v6-c-table--cell--PaddingBlockEnd | |
- --pf-v6-c-table--cell--PaddingBlockEnd
- --pf-v6-c-table__toggle--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table__toggle | --pf-v6-c-table--cell--PaddingInlineStart | |
- --pf-v6-c-table--cell--PaddingInlineStart
- --pf-v6-c-table__toggle--PaddingInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table__toggle | --pf-v6-c-table--cell--PaddingInlineEnd | |
- --pf-v6-c-table--cell--PaddingInlineEnd
- --pf-v6-c-table__toggle--PaddingInlineEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table__check | --pf-v6-c-table--cell--PaddingInlineStart | |
- --pf-v6-c-table--cell--PaddingInlineStart
- --pf-v6-c-table__check--PaddingInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table__check | --pf-v6-c-table--cell--PaddingInlineEnd | |
- --pf-v6-c-table--cell--PaddingInlineEnd
- --pf-v6-c-table__check--PaddingInlineEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table__check .pf-v6-c-check | --pf-v6-c-check__label--FontSize | |
- --pf-v6-c-check__label--FontSize
- --pf-v6-c-table--cell--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-table__check .pf-v6-c-check | --pf-v6-c-check__label--LineHeight | |
- --pf-v6-c-check__label--LineHeight
- --pf-v6-c-table--cell--LineHeight
- --pf-t--global--font--line-height--body
- --pf-t--global--font--line-height--200
- 1.5
|
| .pf-v6-c-table__check .pf-v6-c-radio | --pf-v6-c-radio__label--FontSize | |
- --pf-v6-c-radio__label--FontSize
- --pf-v6-c-table--cell--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-table__check .pf-v6-c-radio | --pf-v6-c-radio__label--LineHeight | |
- --pf-v6-c-radio__label--LineHeight
- --pf-v6-c-table--cell--LineHeight
- --pf-t--global--font--line-height--body
- --pf-t--global--font--line-height--200
- 1.5
|
| .pf-v6-c-table__favorite .pf-v6-c-button:not(.pf-m-favorite) | --pf-v6-c-button--FontSize | |
- --pf-v6-c-button--FontSize
- --pf-v6-c-table__favorite--c-button--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-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) | --pf-v6-c-button--m-plain__icon--Color | |
- --pf-v6-c-button--m-plain__icon--Color
- --pf-v6-c-table__favorite--m-favorited--c-button--Color
- --pf-t--global--color--favorite--clicked
- --pf-t--global--color--favorite--200
- --pf-t--color--yellow--40
- #dca614
|
| .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) | --pf-v6-c-button--hover__icon--Color | |
- --pf-v6-c-button--hover__icon--Color
- --pf-v6-c-table__favorite--m-favorited--c-button--Color
- --pf-t--global--color--favorite--clicked
- --pf-t--global--color--favorite--200
- --pf-t--color--yellow--40
- #dca614
|
| .pf-v6-c-table__action | --pf-v6-c-table--cell--PaddingBlockStart | |
- --pf-v6-c-table--cell--PaddingBlockStart
- --pf-v6-c-table__action--PaddingBlockStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table__action | --pf-v6-c-table--cell--PaddingBlockEnd | |
- --pf-v6-c-table--cell--PaddingBlockEnd
- --pf-v6-c-table__action--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table__action | --pf-v6-c-table--cell--PaddingInlineStart | |
- --pf-v6-c-table--cell--PaddingInlineStart
- --pf-v6-c-table__action--PaddingInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table__action | --pf-v6-c-table--cell--PaddingInlineEnd | |
- --pf-v6-c-table--cell--PaddingInlineEnd
- --pf-v6-c-table__action--PaddingInlineEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table__compound-expansion-toggle | --pf-v6-c-table__button--Color | |
- --pf-v6-c-table__button--Color
- --pf-v6-c-table__compound-expansion-toggle__button--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-table__compound-expansion-toggle | --pf-v6-c-table__button--hover--Color | |
- --pf-v6-c-table__button--hover--Color
- --pf-v6-c-table__compound-expansion-toggle__button--hover--Color
- --pf-t--global--icon--color--brand--hover
- --pf-t--global--color--brand--hover
- --pf-t--global--color--brand--300
- --pf-t--color--blue--60
- #004d99
|
| .pf-v6-c-table__compound-expansion-toggle:hover | --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor | |
- --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor
- --pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor
- --pf-t--global--background--color--primary--hover
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-table__compound-expansion-toggle:hover | --pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth | |
- --pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth
- --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth
- 0
|
| .pf-v6-c-table__compound-expansion-toggle.pf-m-expanded | --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor | |
- --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor
- --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor
- --pf-t--global--background--color--primary--clicked
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-table__compound-expansion-toggle.pf-m-expanded | --pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth | |
- --pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth
- --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth
- --pf-t--global--border--width--strong
- --pf-t--global--border--width--200
- 2px
|
| .pf-v6-c-table__sort .pf-v6-c-table__button:is(:hover, :focus) | --pf-v6-c-table__sort-indicator--Color | |
- --pf-v6-c-table__sort-indicator--Color
- --pf-v6-c-table__sort__button--hover__sort-indicator--Color
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-table__sort .pf-v6-c-table__button:is(:hover, :focus) | --pf-v6-c-table__sort__button__text--Color | |
- --pf-v6-c-table__sort__button__text--Color
- --pf-v6-c-table__sort__button--hover__text--Color
- currentcolor
|
| .pf-v6-c-table__sort .pf-v6-c-table__button:is(:hover, :focus) | --pf-v6-c-table__button--BackgroundColor |
(In light theme) rgb(199, 199, 199, 0.2500) |
- --pf-v6-c-table__button--BackgroundColor
- --pf-v6-c-table__button--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-table__sort .pf-v6-c-table__button:is(:hover, :focus) | --pf-v6-c-table__button--BorderWidth | |
- --pf-v6-c-table__button--BorderWidth
- --pf-v6-c-table__button--hover--BorderWidth
- --pf-t--global--border--width--action--plain--hover
- 0px
|
| .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button | --pf-v6-c-table__sort-indicator--Color | |
- --pf-v6-c-table__sort-indicator--Color
- --pf-v6-c-table__sort--m-selected__sort-indicator--Color
- --pf-t--global--color--brand--clicked
- --pf-t--global--color--brand--300
- --pf-t--color--blue--60
- #004d99
|
| .pf-v6-c-table__sort.pf-m-help | --pf-v6-c-table__th--m-help--MinWidth | |
- --pf-v6-c-table__th--m-help--MinWidth
- --pf-v6-c-table__sort--m-help--MinWidth
- 15ch
|
| .pf-v6-c-table.pf-m-compact | --pf-v6-c-table--cell--PaddingBlockStart | |
- --pf-v6-c-table--cell--PaddingBlockStart
- --pf-v6-c-table--m-compact--cell--PaddingBlockStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table.pf-m-compact | --pf-v6-c-table--cell--PaddingBlockEnd | |
- --pf-v6-c-table--cell--PaddingBlockEnd
- --pf-v6-c-table--m-compact--cell--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) | --pf-v6-c-table--cell--PaddingBlockStart | |
- --pf-v6-c-table--cell--PaddingBlockStart
- --pf-v6-c-table--m-compact--cell--PaddingBlockStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) | --pf-v6-c-table--cell--PaddingBlockEnd | |
- --pf-v6-c-table--cell--PaddingBlockEnd
- --pf-v6-c-table--m-compact--cell--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table.pf-m-compact thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) | --pf-v6-c-table--cell--PaddingBlockStart | |
- --pf-v6-c-table--cell--PaddingBlockStart
- --pf-v6-c-table--m-compact__th--PaddingBlockStart
- calc(--pf-t--global--spacer--sm + --pf-t--global--spacer--xs)
- calc(--pf-t--global--spacer--200 + --pf-t--global--spacer--100)
- calc(0.5rem + 0.25rem)
|
| .pf-v6-c-table.pf-m-compact thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) | --pf-v6-c-table--cell--PaddingBlockEnd | |
- --pf-v6-c-table--cell--PaddingBlockEnd
- --pf-v6-c-table--m-compact__th--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-table.pf-m-compact .pf-v6-c-table__action | --pf-v6-c-table--cell--PaddingBlockStart | |
- --pf-v6-c-table--cell--PaddingBlockStart
- --pf-v6-c-table--m-compact__action--PaddingBlockStart
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-table.pf-m-compact .pf-v6-c-table__action | --pf-v6-c-table--cell--PaddingBlockEnd | |
- --pf-v6-c-table--cell--PaddingBlockEnd
- --pf-v6-c-table--m-compact__action--PaddingBlockEnd
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-table.pf-m-compact .pf-v6-c-table__td.pf-m-action | --pf-v6-c-table--cell--PaddingBlockStart | |
- --pf-v6-c-table--cell--PaddingBlockStart
- --pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-table.pf-m-compact .pf-v6-c-table__td.pf-m-action | --pf-v6-c-table--cell--PaddingBlockEnd | |
- --pf-v6-c-table--cell--PaddingBlockEnd
- --pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-table__thead | --pf-v6-c-table__tr--BorderBlockEndWidth | |
| .pf-v6-c-table__thead | --pf-v6-c-table__toggle--PaddingBlockStart | |
- --pf-v6-c-table__toggle--PaddingBlockStart
- --pf-v6-c-table__thead__toggle--PaddingBlockStart
- --pf-v6-c-table--cell--Padding--base
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table__thead | --pf-v6-c-table__toggle--PaddingBlockEnd | |
- --pf-v6-c-table__toggle--PaddingBlockEnd
- --pf-v6-c-table__thead__toggle--PaddingBlockEnd
- --pf-v6-c-table--cell--Padding--base
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-table__thead.pf-m-nested-column-header | --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth | |
| .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button | --pf-v6-c-table__button--PaddingInlineStart | |
- --pf-v6-c-table__button--PaddingInlineStart
- --pf-v6-c-table__nested-column-header__button--PaddingInlineStart
- calc(--pf-v6-c-table__button--PaddingInlineStart - --pf-t--global--spacer--control--horizontal--plain)
- calc(--pf-t--global--spacer--md - --pf-t--global--spacer--sm)
- calc(--pf-t--global--spacer--300 - --pf-t--global--spacer--200)
- calc(1rem - 0.5rem)
|
| .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button | --pf-v6-c-table__button--PaddingInlineEnd | calc(1rem - (0.5rem / 2)) |
- --pf-v6-c-table__button--PaddingInlineEnd
- --pf-v6-c-table__nested-column-header__button--PaddingInlineEnd
- calc(--pf-v6-c-table__button--PaddingInlineEnd - (--pf-t--global--spacer--control--horizontal--plain / 2))
- calc(--pf-t--global--spacer--md - (--pf-t--global--spacer--sm / 2))
- calc(--pf-t--global--spacer--300 - (--pf-t--global--spacer--200 / 2))
- calc(1rem - (0.5rem / 2))
|
| .pf-v6-c-table__tbody .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row.pf-m-expanded | --pf-v6-c-table__expandable-row-content--BorderWidth | |
- --pf-v6-c-table__expandable-row-content--BorderWidth
- --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth
- --pf-t--global--border--width--high-contrast--regular
- 0px
|
| .pf-v6-c-table__tfoot | --pf-v6-c-table__tr--BorderBlockEndWidth | |
| .pf-v6-c-table .pf-m-width-10 | --pf-v6-c-table--cell--Width | |
| .pf-v6-c-table .pf-m-width-15 | --pf-v6-c-table--cell--Width | |
| .pf-v6-c-table .pf-m-width-20 | --pf-v6-c-table--cell--Width | |
| .pf-v6-c-table .pf-m-width-25 | --pf-v6-c-table--cell--Width | |
| .pf-v6-c-table .pf-m-width-30 | --pf-v6-c-table--cell--Width | |
| .pf-v6-c-table .pf-m-width-35 | --pf-v6-c-table--cell--Width | |
| .pf-v6-c-table .pf-m-width-40 | --pf-v6-c-table--cell--Width | |
| .pf-v6-c-table .pf-m-width-45 | --pf-v6-c-table--cell--Width | |
| .pf-v6-c-table .pf-m-width-50 | --pf-v6-c-table--cell--Width | |
| .pf-v6-c-table .pf-m-width-60 | --pf-v6-c-table--cell--Width | |
| .pf-v6-c-table .pf-m-width-70 | --pf-v6-c-table--cell--Width | |
| .pf-v6-c-table .pf-m-width-80 | --pf-v6-c-table--cell--Width | |
| .pf-v6-c-table .pf-m-width-90 | --pf-v6-c-table--cell--Width | |
| .pf-v6-c-table .pf-m-width-100 | --pf-v6-c-table--cell--Width | |