| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node--indent--base | calc(1rem + 1rem + 0.875rem) |
- --pf-v6-c-tree-view__node--indent--base
- calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth)
- calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default)
- calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default)
- calc(1rem + 1rem + --pf-t--global--font--size--sm)
- calc(1rem + 1rem + --pf-t--global--font--size--200)
- calc(1rem + 1rem + 0.875rem)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node--nested-indent--base | calc(calc(1rem + 1rem + 0.875rem) - 1rem) |
- --pf-v6-c-tree-view__node--nested-indent--base
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem)
- calc(calc(1rem + 1rem + 0.875rem) - 1rem)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__content--BorderRadius | |
- --pf-v6-c-tree-view__content--BorderRadius
- --pf-t--global--border--radius--small
- --pf-t--global--border--radius--200
- 6px
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node--PaddingBlockStart | |
- --pf-v6-c-tree-view__node--PaddingBlockStart
- --pf-t--global--spacer--control--vertical--plain
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node--PaddingInlineEnd | |
- --pf-v6-c-tree-view__node--PaddingInlineEnd
- --pf-t--global--spacer--action--horizontal--default
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node--PaddingBlockEnd | |
- --pf-v6-c-tree-view__node--PaddingBlockEnd
- --pf-t--global--spacer--control--vertical--plain
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node--PaddingInlineStart | calc(1rem + 1rem + 0.875rem) |
- --pf-v6-c-tree-view__node--PaddingInlineStart
- --pf-v6-c-tree-view__node--indent--base
- calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth)
- calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default)
- calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default)
- calc(1rem + 1rem + --pf-t--global--font--size--sm)
- calc(1rem + 1rem + --pf-t--global--font--size--200)
- calc(1rem + 1rem + 0.875rem)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node--Color | |
- --pf-v6-c-tree-view__node--Color
- --pf-t--global--text--color--subtle
- --pf-t--global--text--color--200
- --pf-t--color--gray--60
- #4d4d4d
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node--BackgroundColor | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node--BorderRadius | |
- --pf-v6-c-tree-view__node--BorderRadius
- --pf-v6-c-tree-view__content--BorderRadius
- --pf-t--global--border--radius--small
- --pf-t--global--border--radius--200
- 6px
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node--BorderColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-tree-view__node--BorderColor
- --pf-t--global--border--color--high-contrast
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node--BorderWidth | |
- --pf-v6-c-tree-view__node--BorderWidth
- --pf-t--global--border--width--action--plain--default
- 0px
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node--hover--BorderWidth | |
- --pf-v6-c-tree-view__node--hover--BorderWidth
- --pf-t--global--border--width--action--plain--hover
- 0px
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node--m-current--BorderWidth | |
- --pf-v6-c-tree-view__node--m-current--BorderWidth
- --pf-t--global--border--width--action--plain--clicked
- 0px
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node--m-current--Color | |
- --pf-v6-c-tree-view__node--m-current--Color
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node--m-current--BackgroundColor | |
- --pf-v6-c-tree-view__node--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-tree-view | --pf-v6-c-tree-view__node--hover--BackgroundColor | |
- --pf-v6-c-tree-view__node--hover--BackgroundColor
- --pf-t--global--background--color--primary--hover
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-container--Display | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-content--RowGap | |
- --pf-v6-c-tree-view__node-content--RowGap
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-content--Overflow | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__list--TransitionDuration--expand--slide | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__list--TransitionDuration--expand--fade | |
- --pf-v6-c-tree-view__list--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-tree-view | --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__list--TransitionDuration--collapse--fade | |
- --pf-v6-c-tree-view__list--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-tree-view | --pf-v6-c-tree-view__list--TransitionDuration--slide | |
- --pf-v6-c-tree-view__list--TransitionDuration--slide
- --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide
- 0s
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__list--TransitionDuration--fade | |
- --pf-v6-c-tree-view__list--TransitionDuration--fade
- --pf-v6-c-tree-view__list--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-tree-view | --pf-v6-c-tree-view__list--TransitionTimingFunction | cubic-bezier(.4, 0, .2, 1) |
- --pf-v6-c-tree-view__list--TransitionTimingFunction
- --pf-t--global--motion--timing-function--default
- --pf-t--global--timing-function--200
- cubic-bezier(.4, 0, .2, 1)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__list--Opacity | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-expanded__list--Opacity | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__list--TranslateY | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-expanded__list--TranslateY | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart | |
- --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart
- --pf-v6-c-tree-view__node--PaddingBlockStart
- --pf-t--global--spacer--control--vertical--plain
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart | calc(1rem + 1rem + 0.875rem) |
- --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart
- --pf-v6-c-tree-view__node--PaddingInlineStart
- --pf-v6-c-tree-view__node--indent--base
- calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth)
- calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default)
- calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default)
- calc(1rem + 1rem + --pf-t--global--font--size--sm)
- calc(1rem + 1rem + --pf-t--global--font--size--200)
- calc(1rem + 1rem + 0.875rem)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-toggle--Position | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-toggle--Color--base | |
- --pf-v6-c-tree-view__node-toggle--Color--base
- --pf-t--global--icon--color--subtle
- --pf-t--global--icon--color--200
- --pf-t--color--gray--50
- #707070
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-toggle--Color | |
- --pf-v6-c-tree-view__node-toggle--Color
- --pf-v6-c-tree-view__node-toggle--Color--base
- --pf-t--global--icon--color--subtle
- --pf-t--global--icon--color--200
- --pf-t--color--gray--50
- #707070
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-toggle--BackgroundColor | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color | |
- --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-toggle-icon--MinWidth | |
- --pf-v6-c-tree-view__node-toggle-icon--MinWidth
- --pf-t--global--icon--size--font--body--default
- --pf-t--global--font--size--body--default
- --pf-t--global--font--size--sm
- --pf-t--global--font--size--200
- 0.875rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-toggle--PaddingBlockStart | |
- --pf-v6-c-tree-view__node-toggle--PaddingBlockStart
- --pf-t--global--spacer--control--vertical--plain
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd | |
- --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd | |
- --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd
- --pf-t--global--spacer--control--vertical--plain
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-toggle--PaddingInlineStart | |
- --pf-v6-c-tree-view__node-toggle--PaddingInlineStart
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-toggle--MarginBlockStart | |
- --pf-v6-c-tree-view__node-toggle--MarginBlockStart
- calc(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart * -1)
- calc(--pf-t--global--spacer--control--vertical--plain * -1)
- calc(--pf-t--global--spacer--sm * -1)
- calc(--pf-t--global--spacer--200 * -1)
- calc(0.5rem * -1)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-toggle--MarginBlockEnd | |
- --pf-v6-c-tree-view__node-toggle--MarginBlockEnd
- calc(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart * -1)
- calc(--pf-t--global--spacer--control--vertical--plain * -1)
- calc(--pf-t--global--spacer--sm * -1)
- calc(--pf-t--global--spacer--200 * -1)
- calc(0.5rem * -1)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-toggle-icon--TransitionDuration | |
- --pf-v6-c-tree-view__node-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-tree-view | --pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction | cubic-bezier(.4, 0, .2, 1) |
- --pf-v6-c-tree-view__node-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-tree-view | --pf-v6-c-tree-view__node-check--MarginInlineEnd | |
- --pf-v6-c-tree-view__node-check--MarginInlineEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-count--MarginInlineStart | |
- --pf-v6-c-tree-view__node-count--MarginInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__search--PaddingBlockStart | |
- --pf-v6-c-tree-view__search--PaddingBlockStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__search--PaddingInlineEnd | |
- --pf-v6-c-tree-view__search--PaddingInlineEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__search--PaddingBlockEnd | |
- --pf-v6-c-tree-view__search--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__search--PaddingInlineStart | |
- --pf-v6-c-tree-view__search--PaddingInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-icon--PaddingInlineEnd | |
- --pf-v6-c-tree-view__node-icon--PaddingInlineEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-icon--Color | |
- --pf-v6-c-tree-view__node-icon--Color
- --pf-t--global--icon--color--subtle
- --pf-t--global--icon--color--200
- --pf-t--color--gray--50
- #707070
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-toggle-icon--base--Rotate | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-toggle-icon--Rotate | |
- --pf-v6-c-tree-view__node-toggle-icon--Rotate
- --pf-v6-c-tree-view__node-toggle-icon--base--Rotate
- 0
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node--m-disabled--Color | |
- --pf-v6-c-tree-view__node--m-disabled--Color
- --pf-t--global--text--color--disabled
- --pf-t--global--color--disabled--200
- --pf-t--color--gray--40
- #a3a3a3
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-icon--m-disabled--Color | |
- --pf-v6-c-tree-view__node-icon--m-disabled--Color
- --pf-t--global--icon--color--disabled
- --pf-t--global--color--disabled--200
- --pf-t--color--gray--40
- #a3a3a3
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-toggle--m-disabled--Color | |
- --pf-v6-c-tree-view__node-toggle--m-disabled--Color
- --pf-t--global--icon--color--disabled
- --pf-t--global--color--disabled--200
- --pf-t--color--gray--40
- #a3a3a3
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-text--max-lines | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__node-title--FontWeight | |
- --pf-v6-c-tree-view__node-title--FontWeight
- --pf-t--global--font--weight--body--bold
- --pf-t--global--font--weight--200
- 600
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view__action--MarginInlineEnd | |
- --pf-v6-c-tree-view__action--MarginInlineEnd
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-guides--guide--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 1.5rem) |
- --pf-v6-c-tree-view--m-guides--guide--InsetInlineStart
- --pf-v6-c-tree-view--m-guides--guide-left--base
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-guides__list-node--guide-width--base)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--lg)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--400)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1.5rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1.5rem)
- calc(calc(1rem + 1rem + 0.875rem) - 1.5rem)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-guides--guide-color--base | |
- --pf-v6-c-tree-view--m-guides--guide-color--base
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-guides--guide-width--base | |
- --pf-v6-c-tree-view--m-guides--guide-width--base
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-guides--guide-left--base | calc(calc(1rem + 1rem + 0.875rem) - 1.5rem) |
- --pf-v6-c-tree-view--m-guides--guide-left--base
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-guides__list-node--guide-width--base)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--lg)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--400)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1.5rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1.5rem)
- calc(calc(1rem + 1rem + 0.875rem) - 1.5rem)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-guides--guide-left--base--offset | calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2) |
- --pf-v6-c-tree-view--m-guides--guide-left--base--offset
- calc(--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart + --pf-v6-c-tree-view__node-toggle-icon--MinWidth / 2)
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart + --pf-t--global--icon--size--font--body--default / 2)
- calc(--pf-v6-c-tree-view__node--indent--base + --pf-t--global--font--size--body--default / 2)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) + --pf-t--global--font--size--sm / 2)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) + --pf-t--global--font--size--200 / 2)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) + 0.875rem / 2)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) + 0.875rem / 2)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) + 0.875rem / 2)
- calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-guides__list-node--guide-width--base | |
- --pf-v6-c-tree-view--m-guides__list-node--guide-width--base
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-guides__list-item--before--InsetBlockStart | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-guides__list-item--before--Width | |
- --pf-v6-c-tree-view--m-guides__list-item--before--Width
- --pf-v6-c-tree-view--m-guides--guide-width--base
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-guides__list-item--before--Height | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-guides__list-item--before--BackgroundColor | |
- --pf-v6-c-tree-view--m-guides__list-item--before--BackgroundColor
- --pf-v6-c-tree-view--m-guides--guide-color--base
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-guides__list-item--last-child--before--InsetBlockStart | |
- --pf-v6-c-tree-view--m-guides__list-item--last-child--before--InsetBlockStart
- --pf-v6-c-tree-view--m-guides__node--before--InsetBlockStart
- 1.125rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-guides__list-item--last-child--before--Height | |
- --pf-v6-c-tree-view--m-guides__list-item--last-child--before--Height
- --pf-v6-c-tree-view--m-guides__list-item--last-child--before--InsetBlockStart
- --pf-v6-c-tree-view--m-guides__node--before--InsetBlockStart
- 1.125rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-guides__list-item--ZIndex | |
- --pf-v6-c-tree-view--m-guides__list-item--ZIndex
- --pf-t--global--z-index--xs
- --pf-t--global--z-index--100
- 100
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-guides__node--before--Width | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-guides__node--before--Height | |
- --pf-v6-c-tree-view--m-guides__node--before--Height
- --pf-v6-c-tree-view--m-guides--guide-width--base
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-guides__node--before--InsetBlockStart | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-guides__node--before--BackgroundColor | |
- --pf-v6-c-tree-view--m-guides__node--before--BackgroundColor
- --pf-v6-c-tree-view--m-guides--guide-color--base
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset | |
- --pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 1rem) |
- --pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem)
- calc(calc(1rem + 1rem + 0.875rem) - 1rem)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node--indent--base | calc(1rem + 1rem + 0.875rem) |
- --pf-v6-c-tree-view--m-compact__node--indent--base
- --pf-v6-c-tree-view__node--indent--base
- calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth)
- calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default)
- calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default)
- calc(1rem + 1rem + --pf-t--global--font--size--sm)
- calc(1rem + 1rem + --pf-t--global--font--size--200)
- calc(1rem + 1rem + 0.875rem)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node--nested-indent--base | |
- --pf-v6-c-tree-view--m-compact__node--nested-indent--base
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact--border--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 1rem) |
- --pf-v6-c-tree-view--m-compact--border--InsetInlineStart
- --pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem)
- calc(calc(1rem + 1rem + 0.875rem) - 1rem)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node--Color | |
- --pf-v6-c-tree-view--m-compact__node--Color
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node--PaddingBlockStart | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node--PaddingBlockEnd | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart | |
- --pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockEnd | |
- --pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__list-item__list-item__node-toggle--InsetBlockStart | |
- --pf-v6-c-tree-view--m-compact__list-item__list-item__node-toggle--InsetBlockStart
- calc(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart)
- calc(--pf-t--global--spacer--lg)
- calc(--pf-t--global--spacer--400)
- calc(1.5rem)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__list-item--BorderBlockEndWidth | |
- --pf-v6-c-tree-view--m-compact__list-item--BorderBlockEndWidth
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__list-item--BorderBlockEndColor | |
- --pf-v6-c-tree-view--m-compact__list-item--BorderBlockEndColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__list-item--before--InsetBlockStart | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__list-item--last-child--before--Height | calc(1.5rem + 0.5rem + 0.25rem) |
- --pf-v6-c-tree-view--m-compact__list-item--last-child--before--Height
- --pf-v6-c-tree-view--m-compact__node--before--InsetBlockStart
- calc(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart + --pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart + 0.25rem)
- calc(--pf-t--global--spacer--lg + --pf-t--global--spacer--sm + 0.25rem)
- calc(--pf-t--global--spacer--400 + --pf-t--global--spacer--200 + 0.25rem)
- calc(1.5rem + 0.5rem + 0.25rem)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__list-item--nested--before--InsetBlockStart | |
- --pf-v6-c-tree-view--m-compact__list-item--nested--before--InsetBlockStart
- calc(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart * -1)
- calc(--pf-t--global--spacer--sm * -1)
- calc(--pf-t--global--spacer--200 * -1)
- calc(0.5rem * -1)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__list-item--nested--last-child--before--Height | calc(calc(1.5rem + 0.5rem + 0.25rem) + 0.5rem) |
- --pf-v6-c-tree-view--m-compact__list-item--nested--last-child--before--Height
- calc(--pf-v6-c-tree-view--m-compact__node--before--InsetBlockStart + --pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart)
- calc(calc(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart + --pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart + 0.25rem) + --pf-t--global--spacer--sm)
- calc(calc(--pf-t--global--spacer--lg + --pf-t--global--spacer--sm + 0.25rem) + --pf-t--global--spacer--200)
- calc(calc(--pf-t--global--spacer--400 + --pf-t--global--spacer--200 + 0.25rem) + 0.5rem)
- calc(calc(1.5rem + 0.5rem + 0.25rem) + 0.5rem)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart | calc(1rem + 1rem + 0.875rem) |
- --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart
- --pf-v6-c-tree-view--m-compact__node--indent--base
- --pf-v6-c-tree-view__node--indent--base
- calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth)
- calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default)
- calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default)
- calc(1rem + 1rem + --pf-t--global--font--size--sm)
- calc(1rem + 1rem + --pf-t--global--font--size--200)
- calc(1rem + 1rem + 0.875rem)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node--before--InsetBlockStart | calc(1.5rem + 0.5rem + 0.25rem) |
- --pf-v6-c-tree-view--m-compact__node--before--InsetBlockStart
- calc(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart + --pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart + 0.25rem)
- calc(--pf-t--global--spacer--lg + --pf-t--global--spacer--sm + 0.25rem)
- calc(--pf-t--global--spacer--400 + --pf-t--global--spacer--200 + 0.25rem)
- calc(1.5rem + 0.5rem + 0.25rem)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node--level-2--PaddingInlineStart | calc(1rem + 1rem + 0.875rem) |
- --pf-v6-c-tree-view--m-compact__node--level-2--PaddingInlineStart
- --pf-v6-c-tree-view--m-compact__node--indent--base
- --pf-v6-c-tree-view__node--indent--base
- calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth)
- calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default)
- calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default)
- calc(1rem + 1rem + --pf-t--global--font--size--sm)
- calc(1rem + 1rem + --pf-t--global--font--size--200)
- calc(1rem + 1rem + 0.875rem)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd | |
- --pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd
- calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart * -.5)
- calc(--pf-t--global--spacer--md * -.5)
- calc(--pf-t--global--spacer--300 * -.5)
- calc(1rem * -.5)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart | |
- --pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart
- calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart * -1.5)
- calc(--pf-t--global--spacer--md * -1.5)
- calc(--pf-t--global--spacer--300 * -1.5)
- calc(1rem * -1.5)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node-container--Display | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node-container--PaddingBlockEnd--base | |
- --pf-v6-c-tree-view--m-compact__node-container--PaddingBlockEnd--base
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart | |
- --pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node-container--PaddingInlineEnd | |
- --pf-v6-c-tree-view--m-compact__node-container--PaddingInlineEnd
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node-container--PaddingBlockEnd | |
- --pf-v6-c-tree-view--m-compact__node-container--PaddingBlockEnd
- --pf-v6-c-tree-view--m-compact__node-container--PaddingBlockEnd--base
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node-container--PaddingInlineStart | |
- --pf-v6-c-tree-view--m-compact__node-container--PaddingInlineStart
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node-container--BorderRadius | |
- --pf-v6-c-tree-view--m-compact__node-container--BorderRadius
- --pf-t--global--border--radius--small
- --pf-t--global--border--radius--200
- 6px
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart | |
- --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd | |
- --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd | |
- --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart | |
- --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor | |
- --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor
- --pf-t--global--background--color--secondary--default
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node-container--nested--Color | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color | |
- --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color
- --pf-t--global--text--color--on-disabled
- --pf-t--global--color--disabled--300
- --pf-t--color--gray--50
- #707070
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node-icon--nested--Color | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color | |
- --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color
- --pf-t--global--icon--color--on-disabled
- --pf-t--global--color--disabled--300
- --pf-t--color--gray--50
- #707070
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node-toggle--nested--Color | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color | |
- --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color
- --pf-t--global--icon--color--on-disabled
- --pf-t--global--color--disabled--300
- --pf-t--color--gray--50
- #707070
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset | |
- --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 0.5rem) |
- --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--sm)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--200)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 0.5rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 0.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 0.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 0.5rem)
- calc(calc(1rem + 1rem + 0.875rem) - 0.5rem)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base | calc(1rem + 1rem + 0.875rem) |
- --pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base
- --pf-v6-c-tree-view__node--indent--base
- calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth)
- calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default)
- calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default)
- calc(1rem + 1rem + --pf-t--global--font--size--sm)
- calc(1rem + 1rem + --pf-t--global--font--size--200)
- calc(1rem + 1rem + 0.875rem)
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base | |
- --pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base
- --pf-t--global--spacer--2xl
- --pf-t--global--spacer--600
- 3rem
|
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockStart | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd | |
| .pf-v6-c-tree-view | --pf-v6-c-tree-view--m-compact--m-no-background__node--before--InsetBlockStart | calc(1rem + 0.5rem + 0.25rem) |
- --pf-v6-c-tree-view--m-compact--m-no-background__node--before--InsetBlockStart
- calc(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart + --pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart + 0.25rem)
- calc(--pf-t--global--spacer--md + --pf-t--global--spacer--sm + 0.25rem)
- calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--200 + 0.25rem)
- calc(1rem + 0.5rem + 0.25rem)
|
| .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-guides--guide--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2)) |
- --pf-v6-c-tree-view--m-guides--guide--InsetInlineStart
- --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-guides--guide-left--base--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - calc(--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart + --pf-v6-c-tree-view__node-toggle-icon--MinWidth / 2))
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - calc(--pf-v6-c-tree-view__node--PaddingInlineStart + --pf-t--global--icon--size--font--body--default / 2))
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - calc(--pf-v6-c-tree-view__node--indent--base + --pf-t--global--font--size--body--default / 2))
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) + --pf-t--global--font--size--sm / 2))
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) + --pf-t--global--font--size--200 / 2))
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + --pf-t--global--font--size--200) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2))
|
| .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__node--PaddingInlineStart | calc(1rem + 1rem + 0.875rem) |
- --pf-v6-c-tree-view__node--PaddingInlineStart
- --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart
- --pf-v6-c-tree-view--m-compact__node--indent--base
- --pf-v6-c-tree-view__node--indent--base
- calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth)
- calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default)
- calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default)
- calc(1rem + 1rem + --pf-t--global--font--size--sm)
- calc(1rem + 1rem + --pf-t--global--font--size--200)
- calc(1rem + 1rem + 0.875rem)
|
| .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--border--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 1rem) |
- --pf-v6-c-tree-view--m-compact--border--InsetInlineStart
- --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem)
- calc(calc(1rem + 1rem + 0.875rem) - 1rem)
|
| .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact__list-item--before--InsetBlockStart | |
- --pf-v6-c-tree-view--m-compact__list-item--before--InsetBlockStart
- --pf-v6-c-tree-view--m-compact__list-item--nested--before--InsetBlockStart
- calc(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart * -1)
- calc(--pf-t--global--spacer--sm * -1)
- calc(--pf-t--global--spacer--200 * -1)
- calc(0.5rem * -1)
|
| .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact__list-item--last-child--before--Height | calc(calc(1.5rem + 0.5rem + 0.25rem) + 0.5rem) |
- --pf-v6-c-tree-view--m-compact__list-item--last-child--before--Height
- --pf-v6-c-tree-view--m-compact__list-item--nested--last-child--before--Height
- calc(--pf-v6-c-tree-view--m-compact__node--before--InsetBlockStart + --pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart)
- calc(calc(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart + --pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart + 0.25rem) + --pf-t--global--spacer--sm)
- calc(calc(--pf-t--global--spacer--lg + --pf-t--global--spacer--sm + 0.25rem) + --pf-t--global--spacer--200)
- calc(calc(--pf-t--global--spacer--400 + --pf-t--global--spacer--200 + 0.25rem) + 0.5rem)
- calc(calc(1.5rem + 0.5rem + 0.25rem) + 0.5rem)
|
| .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item:last-child | --pf-v6-c-tree-view--m-compact__list-item--BorderBlockEndWidth | |
| .pf-v6-c-tree-view.pf-m-compact | --pf-v6-c-tree-view__node--Color | |
- --pf-v6-c-tree-view__node--Color
- --pf-v6-c-tree-view--m-compact__node--Color
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-tree-view.pf-m-compact | --pf-v6-c-tree-view__node--PaddingBlockStart | |
- --pf-v6-c-tree-view__node--PaddingBlockStart
- --pf-v6-c-tree-view--m-compact__node--PaddingBlockStart
- 0
|
| .pf-v6-c-tree-view.pf-m-compact | --pf-v6-c-tree-view__node--PaddingBlockEnd | |
- --pf-v6-c-tree-view__node--PaddingBlockEnd
- --pf-v6-c-tree-view--m-compact__node--PaddingBlockEnd
- 0
|
| .pf-v6-c-tree-view.pf-m-compact | --pf-v6-c-tree-view__node-container--Display | |
- --pf-v6-c-tree-view__node-container--Display
- --pf-v6-c-tree-view--m-compact__node-container--Display
- flex
|
| .pf-v6-c-tree-view.pf-m-compact | --pf-v6-c-tree-view__node--hover--BackgroundColor | |
| .pf-v6-c-tree-view.pf-m-compact | --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart | |
- --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart
- --pf-v6-c-tree-view--m-compact__list-item__list-item__node-toggle--InsetBlockStart
- calc(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart)
- calc(--pf-t--global--spacer--lg)
- calc(--pf-t--global--spacer--400)
- calc(1.5rem)
|
| .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item.pf-m-expanded | --pf-v6-c-tree-view--m-compact__node-container--PaddingBlockEnd | |
- --pf-v6-c-tree-view--m-compact__node-container--PaddingBlockEnd
- --pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd
- 0
|
| .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__node--PaddingBlockStart | |
- --pf-v6-c-tree-view__node--PaddingBlockStart
- --pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__node--PaddingBlockEnd | |
- --pf-v6-c-tree-view__node--PaddingBlockEnd
- --pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__node-toggle--Position | |
| .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__node--PaddingInlineStart | calc(1rem + 1rem + 0.875rem) |
- --pf-v6-c-tree-view__node--PaddingInlineStart
- --pf-v6-c-tree-view--m-compact__node--level-2--PaddingInlineStart
- --pf-v6-c-tree-view--m-compact__node--indent--base
- --pf-v6-c-tree-view__node--indent--base
- calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth)
- calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default)
- calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default)
- calc(1rem + 1rem + --pf-t--global--font--size--sm)
- calc(1rem + 1rem + --pf-t--global--font--size--200)
- calc(1rem + 1rem + 0.875rem)
|
| .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX | |
| .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact__list-item--BorderBlockEndWidth | |
| .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact__node-container--PaddingBlockEnd | |
- --pf-v6-c-tree-view--m-compact__node-container--PaddingBlockEnd
- --pf-v6-c-tree-view--m-compact__node-container--PaddingBlockEnd--base
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-tree-view.pf-m-compact.pf-m-no-background | --pf-v6-c-tree-view--m-compact__node--before--InsetBlockStart | calc(1rem + 0.5rem + 0.25rem) |
- --pf-v6-c-tree-view--m-compact__node--before--InsetBlockStart
- --pf-v6-c-tree-view--m-compact--m-no-background__node--before--InsetBlockStart
- calc(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart + --pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart + 0.25rem)
- calc(--pf-t--global--spacer--md + --pf-t--global--spacer--sm + 0.25rem)
- calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--200 + 0.25rem)
- calc(1rem + 0.5rem + 0.25rem)
|
| .pf-v6-c-tree-view.pf-m-compact.pf-m-no-background .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__node--PaddingBlockStart | |
- --pf-v6-c-tree-view__node--PaddingBlockStart
- --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockStart
- 0
|
| .pf-v6-c-tree-view.pf-m-compact.pf-m-no-background .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__node--PaddingBlockEnd | |
- --pf-v6-c-tree-view__node--PaddingBlockEnd
- --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd
- 0
|
| .pf-v6-c-tree-view.pf-m-compact.pf-m-no-background .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--border--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 0.5rem) |
- --pf-v6-c-tree-view--m-compact--border--InsetInlineStart
- --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--sm)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--200)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 0.5rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 0.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 0.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 0.5rem)
- calc(calc(1rem + 1rem + 0.875rem) - 0.5rem)
|
| .pf-v6-c-tree-view.pf-m-compact.pf-m-no-background .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__node--PaddingInlineStart | calc(3rem * 1 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view__node--PaddingInlineStart
- --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base * 1 + --pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base)
- calc(--pf-t--global--spacer--2xl * 1 + --pf-v6-c-tree-view__node--indent--base)
- calc(--pf-t--global--spacer--600 * 1 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(3rem * 1 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(3rem * 1 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(3rem * 1 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(3rem * 1 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(3rem * 1 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view.pf-m-no-background | --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor | |
- --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor
- --pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor
- transparent
|
| .pf-v6-c-tree-view.pf-m-no-background | --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color | |
| .pf-v6-c-tree-view.pf-m-no-background | --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color | |
| .pf-v6-c-tree-view.pf-m-no-background | --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color | |
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__node-toggle-icon--Rotate | |
- --pf-v6-c-tree-view__node-toggle-icon--Rotate
- --pf-v6-c-tree-view__node-toggle-icon--base--Rotate
- 0
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__node-toggle--Color | |
- --pf-v6-c-tree-view__node-toggle--Color
- --pf-v6-c-tree-view__node-toggle--Color--base
- --pf-t--global--icon--color--subtle
- --pf-t--global--icon--color--200
- --pf-t--color--gray--50
- #707070
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart | calc(1rem + 1rem + 0.875rem) |
- --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart
- --pf-v6-c-tree-view__node--PaddingInlineStart
- --pf-v6-c-tree-view__node--indent--base
- calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth)
- calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default)
- calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default)
- calc(1rem + 1rem + --pf-t--global--font--size--sm)
- calc(1rem + 1rem + --pf-t--global--font--size--200)
- calc(1rem + 1rem + 0.875rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__node--PaddingInlineStart | calc(calc(calc(1rem + 1rem + 0.875rem) - 1rem) * 1 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view__node--nested-indent--base * 1 + --pf-v6-c-tree-view__node--indent--base)
- calc(calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md) * 1 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300) * 1 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem) * 1 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem) * 1 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem) * 1 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem) * 1 + calc(1rem + 1rem + 0.875rem))
- calc(calc(calc(1rem + 1rem + 0.875rem) - 1rem) * 1 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2)) |
- --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-guides--guide-left--base--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - calc(--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart + --pf-v6-c-tree-view__node-toggle-icon--MinWidth / 2))
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - calc(--pf-v6-c-tree-view__node--PaddingInlineStart + --pf-t--global--icon--size--font--body--default / 2))
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - calc(--pf-v6-c-tree-view__node--indent--base + --pf-t--global--font--size--body--default / 2))
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) + --pf-t--global--font--size--sm / 2))
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) + --pf-t--global--font--size--200 / 2))
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + --pf-t--global--font--size--200) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2))
|
| .pf-v6-c-tree-view__list-item.pf-m-expanded | --pf-v6-c-tree-view__node-toggle--Color | |
- --pf-v6-c-tree-view__node-toggle--Color
- --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-tree-view__list-item.pf-m-expanded | --pf-v6-c-tree-view__node-toggle-icon--Rotate | |
- --pf-v6-c-tree-view__node-toggle-icon--Rotate
- --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate
- 90deg
|
| .pf-v6-c-tree-view__node.pf-m-current | --pf-v6-c-tree-view__node--Color | |
- --pf-v6-c-tree-view__node--Color
- --pf-v6-c-tree-view__node--m-current--Color
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-tree-view__node.pf-m-current | --pf-v6-c-tree-view__node--BorderWidth | |
- --pf-v6-c-tree-view__node--BorderWidth
- --pf-v6-c-tree-view__node--m-current--BorderWidth
- --pf-t--global--border--width--action--plain--clicked
- 0px
|
| .pf-v6-c-tree-view__node.pf-m-disabled | --pf-v6-c-tree-view__node--Color | |
- --pf-v6-c-tree-view__node--Color
- --pf-v6-c-tree-view__node--m-disabled--Color
- --pf-t--global--text--color--disabled
- --pf-t--global--color--disabled--200
- --pf-t--color--gray--40
- #a3a3a3
|
| .pf-v6-c-tree-view__node.pf-m-disabled | --pf-v6-c-tree-view__node-icon--Color | |
- --pf-v6-c-tree-view__node-icon--Color
- --pf-v6-c-tree-view__node-icon--m-disabled--Color
- --pf-t--global--icon--color--disabled
- --pf-t--global--color--disabled--200
- --pf-t--color--gray--40
- #a3a3a3
|
| .pf-v6-c-tree-view__node.pf-m-disabled | --pf-v6-c-tree-view--m-compact__node-container--nested--Color | |
- --pf-v6-c-tree-view--m-compact__node-container--nested--Color
- --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color
- --pf-t--global--text--color--on-disabled
- --pf-t--global--color--disabled--300
- --pf-t--color--gray--50
- #707070
|
| .pf-v6-c-tree-view__node.pf-m-disabled | --pf-v6-c-tree-view--m-compact__node-icon--nested--Color | |
- --pf-v6-c-tree-view--m-compact__node-icon--nested--Color
- --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color
- --pf-t--global--icon--color--on-disabled
- --pf-t--global--color--disabled--300
- --pf-t--color--gray--50
- #707070
|
| .pf-v6-c-tree-view__node-toggle.pf-m-disabled | --pf-v6-c-tree-view__node-toggle--Color | |
- --pf-v6-c-tree-view__node-toggle--Color
- --pf-v6-c-tree-view__node-toggle--m-disabled--Color
- --pf-t--global--icon--color--disabled
- --pf-t--global--color--disabled--200
- --pf-t--color--gray--40
- #a3a3a3
|
| .pf-v6-c-tree-view__node-title.pf-m-truncate | --pf-v6-c-tree-view__node-content--Overflow | |
| .pf-v6-c-tree-view.pf-m-truncate .pf-v6-c-tree-view__node-title | --pf-v6-c-tree-view__node-content--Overflow | |
| .pf-v6-c-tree-view__content:hover | --pf-v6-c-tree-view__node--BorderWidth | |
- --pf-v6-c-tree-view__node--BorderWidth
- --pf-v6-c-tree-view__node--hover--BorderWidth
- --pf-t--global--border--width--action--plain--hover
- 0px
|
| .pf-v6-c-tree-view__content:has(> .pf-v6-c-tree-view__node.pf-m-current) | --pf-v6-c-tree-view__content--BackgroundColor | |
- --pf-v6-c-tree-view__content--BackgroundColor
- --pf-v6-c-tree-view__node--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-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart | calc(1rem + 1rem + 0.875rem) |
- --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart
- --pf-v6-c-tree-view__node--PaddingInlineStart
- --pf-v6-c-tree-view__node--indent--base
- calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth)
- calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default)
- calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default)
- calc(1rem + 1rem + --pf-t--global--font--size--sm)
- calc(1rem + 1rem + --pf-t--global--font--size--200)
- calc(1rem + 1rem + 0.875rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__node--PaddingInlineStart | calc(calc(calc(1rem + 1rem + 0.875rem) - 1rem) * 2 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view__node--nested-indent--base * 2 + --pf-v6-c-tree-view__node--indent--base)
- calc(calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md) * 2 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300) * 2 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem) * 2 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem) * 2 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem) * 2 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem) * 2 + calc(1rem + 1rem + 0.875rem))
- calc(calc(calc(1rem + 1rem + 0.875rem) - 1rem) * 2 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2)) |
- --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-guides--guide-left--base--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - calc(--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart + --pf-v6-c-tree-view__node-toggle-icon--MinWidth / 2))
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - calc(--pf-v6-c-tree-view__node--PaddingInlineStart + --pf-t--global--icon--size--font--body--default / 2))
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - calc(--pf-v6-c-tree-view__node--indent--base + --pf-t--global--font--size--body--default / 2))
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) + --pf-t--global--font--size--sm / 2))
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) + --pf-t--global--font--size--200 / 2))
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + --pf-t--global--font--size--200) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart | calc(1.5rem * 1 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view--m-compact__node--nested-indent--base * 1 + --pf-v6-c-tree-view--m-compact__node--indent--base)
- calc(--pf-t--global--spacer--lg * 1 + --pf-v6-c-tree-view__node--indent--base)
- calc(--pf-t--global--spacer--400 * 1 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(1.5rem * 1 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(1.5rem * 1 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(1.5rem * 1 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(1.5rem * 1 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(1.5rem * 1 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 1rem) |
- --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem)
- calc(calc(1rem + 1rem + 0.875rem) - 1rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart | calc(3rem * 1 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base * 1 + --pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base)
- calc(--pf-t--global--spacer--2xl * 1 + --pf-v6-c-tree-view__node--indent--base)
- calc(--pf-t--global--spacer--600 * 1 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(3rem * 1 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(3rem * 1 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(3rem * 1 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(3rem * 1 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(3rem * 1 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 0.5rem) |
- --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--sm)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--200)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 0.5rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 0.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 0.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 0.5rem)
- calc(calc(1rem + 1rem + 0.875rem) - 0.5rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart | calc(1rem + 1rem + 0.875rem) |
- --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart
- --pf-v6-c-tree-view__node--PaddingInlineStart
- --pf-v6-c-tree-view__node--indent--base
- calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth)
- calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default)
- calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default)
- calc(1rem + 1rem + --pf-t--global--font--size--sm)
- calc(1rem + 1rem + --pf-t--global--font--size--200)
- calc(1rem + 1rem + 0.875rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__node--PaddingInlineStart | calc(calc(calc(1rem + 1rem + 0.875rem) - 1rem) * 3 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view__node--nested-indent--base * 3 + --pf-v6-c-tree-view__node--indent--base)
- calc(calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md) * 3 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300) * 3 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem) * 3 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem) * 3 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem) * 3 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem) * 3 + calc(1rem + 1rem + 0.875rem))
- calc(calc(calc(1rem + 1rem + 0.875rem) - 1rem) * 3 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2)) |
- --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-guides--guide-left--base--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - calc(--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart + --pf-v6-c-tree-view__node-toggle-icon--MinWidth / 2))
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - calc(--pf-v6-c-tree-view__node--PaddingInlineStart + --pf-t--global--icon--size--font--body--default / 2))
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - calc(--pf-v6-c-tree-view__node--indent--base + --pf-t--global--font--size--body--default / 2))
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) + --pf-t--global--font--size--sm / 2))
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) + --pf-t--global--font--size--200 / 2))
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + --pf-t--global--font--size--200) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart | calc(1.5rem * 2 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view--m-compact__node--nested-indent--base * 2 + --pf-v6-c-tree-view--m-compact__node--indent--base)
- calc(--pf-t--global--spacer--lg * 2 + --pf-v6-c-tree-view__node--indent--base)
- calc(--pf-t--global--spacer--400 * 2 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(1.5rem * 2 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(1.5rem * 2 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(1.5rem * 2 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(1.5rem * 2 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(1.5rem * 2 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 1rem) |
- --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem)
- calc(calc(1rem + 1rem + 0.875rem) - 1rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart | calc(3rem * 2 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base * 2 + --pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base)
- calc(--pf-t--global--spacer--2xl * 2 + --pf-v6-c-tree-view__node--indent--base)
- calc(--pf-t--global--spacer--600 * 2 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(3rem * 2 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(3rem * 2 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(3rem * 2 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(3rem * 2 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(3rem * 2 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 0.5rem) |
- --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--sm)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--200)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 0.5rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 0.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 0.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 0.5rem)
- calc(calc(1rem + 1rem + 0.875rem) - 0.5rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart | calc(1rem + 1rem + 0.875rem) |
- --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart
- --pf-v6-c-tree-view__node--PaddingInlineStart
- --pf-v6-c-tree-view__node--indent--base
- calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth)
- calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default)
- calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default)
- calc(1rem + 1rem + --pf-t--global--font--size--sm)
- calc(1rem + 1rem + --pf-t--global--font--size--200)
- calc(1rem + 1rem + 0.875rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__node--PaddingInlineStart | calc(calc(calc(1rem + 1rem + 0.875rem) - 1rem) * 4 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view__node--nested-indent--base * 4 + --pf-v6-c-tree-view__node--indent--base)
- calc(calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md) * 4 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300) * 4 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem) * 4 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem) * 4 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem) * 4 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem) * 4 + calc(1rem + 1rem + 0.875rem))
- calc(calc(calc(1rem + 1rem + 0.875rem) - 1rem) * 4 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2)) |
- --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-guides--guide-left--base--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - calc(--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart + --pf-v6-c-tree-view__node-toggle-icon--MinWidth / 2))
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - calc(--pf-v6-c-tree-view__node--PaddingInlineStart + --pf-t--global--icon--size--font--body--default / 2))
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - calc(--pf-v6-c-tree-view__node--indent--base + --pf-t--global--font--size--body--default / 2))
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) + --pf-t--global--font--size--sm / 2))
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) + --pf-t--global--font--size--200 / 2))
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + --pf-t--global--font--size--200) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart | calc(1.5rem * 3 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view--m-compact__node--nested-indent--base * 3 + --pf-v6-c-tree-view--m-compact__node--indent--base)
- calc(--pf-t--global--spacer--lg * 3 + --pf-v6-c-tree-view__node--indent--base)
- calc(--pf-t--global--spacer--400 * 3 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(1.5rem * 3 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(1.5rem * 3 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(1.5rem * 3 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(1.5rem * 3 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(1.5rem * 3 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 1rem) |
- --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem)
- calc(calc(1rem + 1rem + 0.875rem) - 1rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart | calc(3rem * 3 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base * 3 + --pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base)
- calc(--pf-t--global--spacer--2xl * 3 + --pf-v6-c-tree-view__node--indent--base)
- calc(--pf-t--global--spacer--600 * 3 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(3rem * 3 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(3rem * 3 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(3rem * 3 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(3rem * 3 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(3rem * 3 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 0.5rem) |
- --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--sm)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--200)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 0.5rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 0.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 0.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 0.5rem)
- calc(calc(1rem + 1rem + 0.875rem) - 0.5rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart | calc(1rem + 1rem + 0.875rem) |
- --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart
- --pf-v6-c-tree-view__node--PaddingInlineStart
- --pf-v6-c-tree-view__node--indent--base
- calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth)
- calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default)
- calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default)
- calc(1rem + 1rem + --pf-t--global--font--size--sm)
- calc(1rem + 1rem + --pf-t--global--font--size--200)
- calc(1rem + 1rem + 0.875rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__node--PaddingInlineStart | calc(calc(calc(1rem + 1rem + 0.875rem) - 1rem) * 5 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view__node--nested-indent--base * 5 + --pf-v6-c-tree-view__node--indent--base)
- calc(calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md) * 5 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300) * 5 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem) * 5 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem) * 5 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem) * 5 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem) * 5 + calc(1rem + 1rem + 0.875rem))
- calc(calc(calc(1rem + 1rem + 0.875rem) - 1rem) * 5 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2)) |
- --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-guides--guide-left--base--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - calc(--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart + --pf-v6-c-tree-view__node-toggle-icon--MinWidth / 2))
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - calc(--pf-v6-c-tree-view__node--PaddingInlineStart + --pf-t--global--icon--size--font--body--default / 2))
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - calc(--pf-v6-c-tree-view__node--indent--base + --pf-t--global--font--size--body--default / 2))
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) + --pf-t--global--font--size--sm / 2))
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) + --pf-t--global--font--size--200 / 2))
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + --pf-t--global--font--size--200) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart | calc(1.5rem * 4 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view--m-compact__node--nested-indent--base * 4 + --pf-v6-c-tree-view--m-compact__node--indent--base)
- calc(--pf-t--global--spacer--lg * 4 + --pf-v6-c-tree-view__node--indent--base)
- calc(--pf-t--global--spacer--400 * 4 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(1.5rem * 4 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(1.5rem * 4 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(1.5rem * 4 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(1.5rem * 4 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(1.5rem * 4 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 1rem) |
- --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem)
- calc(calc(1rem + 1rem + 0.875rem) - 1rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart | calc(3rem * 4 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base * 4 + --pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base)
- calc(--pf-t--global--spacer--2xl * 4 + --pf-v6-c-tree-view__node--indent--base)
- calc(--pf-t--global--spacer--600 * 4 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(3rem * 4 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(3rem * 4 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(3rem * 4 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(3rem * 4 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(3rem * 4 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 0.5rem) |
- --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--sm)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--200)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 0.5rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 0.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 0.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 0.5rem)
- calc(calc(1rem + 1rem + 0.875rem) - 0.5rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart | calc(1rem + 1rem + 0.875rem) |
- --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart
- --pf-v6-c-tree-view__node--PaddingInlineStart
- --pf-v6-c-tree-view__node--indent--base
- calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth)
- calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default)
- calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default)
- calc(1rem + 1rem + --pf-t--global--font--size--sm)
- calc(1rem + 1rem + --pf-t--global--font--size--200)
- calc(1rem + 1rem + 0.875rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__node--PaddingInlineStart | calc(calc(calc(1rem + 1rem + 0.875rem) - 1rem) * 6 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view__node--nested-indent--base * 6 + --pf-v6-c-tree-view__node--indent--base)
- calc(calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md) * 6 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300) * 6 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem) * 6 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem) * 6 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem) * 6 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem) * 6 + calc(1rem + 1rem + 0.875rem))
- calc(calc(calc(1rem + 1rem + 0.875rem) - 1rem) * 6 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2)) |
- --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-guides--guide-left--base--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - calc(--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart + --pf-v6-c-tree-view__node-toggle-icon--MinWidth / 2))
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - calc(--pf-v6-c-tree-view__node--PaddingInlineStart + --pf-t--global--icon--size--font--body--default / 2))
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - calc(--pf-v6-c-tree-view__node--indent--base + --pf-t--global--font--size--body--default / 2))
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) + --pf-t--global--font--size--sm / 2))
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) + --pf-t--global--font--size--200 / 2))
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + --pf-t--global--font--size--200) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart | calc(1.5rem * 5 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view--m-compact__node--nested-indent--base * 5 + --pf-v6-c-tree-view--m-compact__node--indent--base)
- calc(--pf-t--global--spacer--lg * 5 + --pf-v6-c-tree-view__node--indent--base)
- calc(--pf-t--global--spacer--400 * 5 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(1.5rem * 5 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(1.5rem * 5 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(1.5rem * 5 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(1.5rem * 5 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(1.5rem * 5 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 1rem) |
- --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem)
- calc(calc(1rem + 1rem + 0.875rem) - 1rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart | calc(3rem * 5 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base * 5 + --pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base)
- calc(--pf-t--global--spacer--2xl * 5 + --pf-v6-c-tree-view__node--indent--base)
- calc(--pf-t--global--spacer--600 * 5 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(3rem * 5 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(3rem * 5 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(3rem * 5 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(3rem * 5 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(3rem * 5 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 0.5rem) |
- --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--sm)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--200)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 0.5rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 0.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 0.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 0.5rem)
- calc(calc(1rem + 1rem + 0.875rem) - 0.5rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart | calc(1rem + 1rem + 0.875rem) |
- --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart
- --pf-v6-c-tree-view__node--PaddingInlineStart
- --pf-v6-c-tree-view__node--indent--base
- calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth)
- calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default)
- calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default)
- calc(1rem + 1rem + --pf-t--global--font--size--sm)
- calc(1rem + 1rem + --pf-t--global--font--size--200)
- calc(1rem + 1rem + 0.875rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__node--PaddingInlineStart | calc(calc(calc(1rem + 1rem + 0.875rem) - 1rem) * 7 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view__node--nested-indent--base * 7 + --pf-v6-c-tree-view__node--indent--base)
- calc(calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md) * 7 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300) * 7 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem) * 7 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem) * 7 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem) * 7 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem) * 7 + calc(1rem + 1rem + 0.875rem))
- calc(calc(calc(1rem + 1rem + 0.875rem) - 1rem) * 7 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2)) |
- --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-guides--guide-left--base--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - calc(--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart + --pf-v6-c-tree-view__node-toggle-icon--MinWidth / 2))
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - calc(--pf-v6-c-tree-view__node--PaddingInlineStart + --pf-t--global--icon--size--font--body--default / 2))
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - calc(--pf-v6-c-tree-view__node--indent--base + --pf-t--global--font--size--body--default / 2))
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) + --pf-t--global--font--size--sm / 2))
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) + --pf-t--global--font--size--200 / 2))
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + --pf-t--global--font--size--200) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart | calc(1.5rem * 6 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view--m-compact__node--nested-indent--base * 6 + --pf-v6-c-tree-view--m-compact__node--indent--base)
- calc(--pf-t--global--spacer--lg * 6 + --pf-v6-c-tree-view__node--indent--base)
- calc(--pf-t--global--spacer--400 * 6 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(1.5rem * 6 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(1.5rem * 6 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(1.5rem * 6 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(1.5rem * 6 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(1.5rem * 6 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 1rem) |
- --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem)
- calc(calc(1rem + 1rem + 0.875rem) - 1rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart | calc(3rem * 6 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base * 6 + --pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base)
- calc(--pf-t--global--spacer--2xl * 6 + --pf-v6-c-tree-view__node--indent--base)
- calc(--pf-t--global--spacer--600 * 6 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(3rem * 6 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(3rem * 6 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(3rem * 6 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(3rem * 6 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(3rem * 6 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 0.5rem) |
- --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--sm)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--200)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 0.5rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 0.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 0.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 0.5rem)
- calc(calc(1rem + 1rem + 0.875rem) - 0.5rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart | calc(1rem + 1rem + 0.875rem) |
- --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart
- --pf-v6-c-tree-view__node--PaddingInlineStart
- --pf-v6-c-tree-view__node--indent--base
- calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth)
- calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default)
- calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default)
- calc(1rem + 1rem + --pf-t--global--font--size--sm)
- calc(1rem + 1rem + --pf-t--global--font--size--200)
- calc(1rem + 1rem + 0.875rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__node--PaddingInlineStart | calc(calc(calc(1rem + 1rem + 0.875rem) - 1rem) * 8 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view__node--nested-indent--base * 8 + --pf-v6-c-tree-view__node--indent--base)
- calc(calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md) * 8 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300) * 8 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem) * 8 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem) * 8 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem) * 8 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem) * 8 + calc(1rem + 1rem + 0.875rem))
- calc(calc(calc(1rem + 1rem + 0.875rem) - 1rem) * 8 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2)) |
- --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-guides--guide-left--base--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - calc(--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart + --pf-v6-c-tree-view__node-toggle-icon--MinWidth / 2))
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - calc(--pf-v6-c-tree-view__node--PaddingInlineStart + --pf-t--global--icon--size--font--body--default / 2))
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - calc(--pf-v6-c-tree-view__node--indent--base + --pf-t--global--font--size--body--default / 2))
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) + --pf-t--global--font--size--sm / 2))
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) + --pf-t--global--font--size--200 / 2))
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + --pf-t--global--font--size--200) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart | calc(1.5rem * 7 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view--m-compact__node--nested-indent--base * 7 + --pf-v6-c-tree-view--m-compact__node--indent--base)
- calc(--pf-t--global--spacer--lg * 7 + --pf-v6-c-tree-view__node--indent--base)
- calc(--pf-t--global--spacer--400 * 7 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(1.5rem * 7 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(1.5rem * 7 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(1.5rem * 7 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(1.5rem * 7 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(1.5rem * 7 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 1rem) |
- --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem)
- calc(calc(1rem + 1rem + 0.875rem) - 1rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart | calc(3rem * 7 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base * 7 + --pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base)
- calc(--pf-t--global--spacer--2xl * 7 + --pf-v6-c-tree-view__node--indent--base)
- calc(--pf-t--global--spacer--600 * 7 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(3rem * 7 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(3rem * 7 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(3rem * 7 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(3rem * 7 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(3rem * 7 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 0.5rem) |
- --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--sm)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--200)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 0.5rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 0.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 0.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 0.5rem)
- calc(calc(1rem + 1rem + 0.875rem) - 0.5rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart | calc(1rem + 1rem + 0.875rem) |
- --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart
- --pf-v6-c-tree-view__node--PaddingInlineStart
- --pf-v6-c-tree-view__node--indent--base
- calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth)
- calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default)
- calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default)
- calc(1rem + 1rem + --pf-t--global--font--size--sm)
- calc(1rem + 1rem + --pf-t--global--font--size--200)
- calc(1rem + 1rem + 0.875rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__node--PaddingInlineStart | calc(calc(calc(1rem + 1rem + 0.875rem) - 1rem) * 9 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view__node--nested-indent--base * 9 + --pf-v6-c-tree-view__node--indent--base)
- calc(calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md) * 9 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300) * 9 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem) * 9 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem) * 9 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem) * 9 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem) * 9 + calc(1rem + 1rem + 0.875rem))
- calc(calc(calc(1rem + 1rem + 0.875rem) - 1rem) * 9 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2)) |
- --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-guides--guide-left--base--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - calc(--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart + --pf-v6-c-tree-view__node-toggle-icon--MinWidth / 2))
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - calc(--pf-v6-c-tree-view__node--PaddingInlineStart + --pf-t--global--icon--size--font--body--default / 2))
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - calc(--pf-v6-c-tree-view__node--indent--base + --pf-t--global--font--size--body--default / 2))
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) + --pf-t--global--font--size--sm / 2))
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) + --pf-t--global--font--size--200 / 2))
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + --pf-t--global--font--size--200) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart | calc(1.5rem * 8 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view--m-compact__node--nested-indent--base * 8 + --pf-v6-c-tree-view--m-compact__node--indent--base)
- calc(--pf-t--global--spacer--lg * 8 + --pf-v6-c-tree-view__node--indent--base)
- calc(--pf-t--global--spacer--400 * 8 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(1.5rem * 8 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(1.5rem * 8 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(1.5rem * 8 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(1.5rem * 8 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(1.5rem * 8 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 1rem) |
- --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem)
- calc(calc(1rem + 1rem + 0.875rem) - 1rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart | calc(3rem * 8 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base * 8 + --pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base)
- calc(--pf-t--global--spacer--2xl * 8 + --pf-v6-c-tree-view__node--indent--base)
- calc(--pf-t--global--spacer--600 * 8 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(3rem * 8 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(3rem * 8 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(3rem * 8 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(3rem * 8 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(3rem * 8 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 0.5rem) |
- --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--sm)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--200)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 0.5rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 0.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 0.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 0.5rem)
- calc(calc(1rem + 1rem + 0.875rem) - 0.5rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart | calc(1rem + 1rem + 0.875rem) |
- --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart
- --pf-v6-c-tree-view__node--PaddingInlineStart
- --pf-v6-c-tree-view__node--indent--base
- calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth)
- calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default)
- calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default)
- calc(1rem + 1rem + --pf-t--global--font--size--sm)
- calc(1rem + 1rem + --pf-t--global--font--size--200)
- calc(1rem + 1rem + 0.875rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view__node--PaddingInlineStart | calc(calc(calc(1rem + 1rem + 0.875rem) - 1rem) * 10 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view__node--nested-indent--base * 10 + --pf-v6-c-tree-view__node--indent--base)
- calc(calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md) * 10 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300) * 10 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem) * 10 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem) * 10 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem) * 10 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem) * 10 + calc(1rem + 1rem + 0.875rem))
- calc(calc(calc(1rem + 1rem + 0.875rem) - 1rem) * 10 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2)) |
- --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-guides--guide-left--base--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - calc(--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart + --pf-v6-c-tree-view__node-toggle-icon--MinWidth / 2))
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - calc(--pf-v6-c-tree-view__node--PaddingInlineStart + --pf-t--global--icon--size--font--body--default / 2))
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - calc(--pf-v6-c-tree-view__node--indent--base + --pf-t--global--font--size--body--default / 2))
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) + --pf-t--global--font--size--sm / 2))
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) + --pf-t--global--font--size--200 / 2))
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + --pf-t--global--font--size--200) + 0.875rem / 2))
- calc(calc(1rem + 1rem + 0.875rem) - calc(calc(1rem + 1rem + 0.875rem) + 0.875rem / 2))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart | calc(1.5rem * 9 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view--m-compact__node--nested-indent--base * 9 + --pf-v6-c-tree-view--m-compact__node--indent--base)
- calc(--pf-t--global--spacer--lg * 9 + --pf-v6-c-tree-view__node--indent--base)
- calc(--pf-t--global--spacer--400 * 9 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(1.5rem * 9 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(1.5rem * 9 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(1.5rem * 9 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(1.5rem * 9 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(1.5rem * 9 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 1rem) |
- --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--md)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--300)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 1rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 1rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 1rem)
- calc(calc(1rem + 1rem + 0.875rem) - 1rem)
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart | calc(3rem * 9 + calc(1rem + 1rem + 0.875rem)) |
- --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart
- calc(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base * 9 + --pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base)
- calc(--pf-t--global--spacer--2xl * 9 + --pf-v6-c-tree-view__node--indent--base)
- calc(--pf-t--global--spacer--600 * 9 + calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth))
- calc(3rem * 9 + calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default))
- calc(3rem * 9 + calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default))
- calc(3rem * 9 + calc(1rem + 1rem + --pf-t--global--font--size--sm))
- calc(3rem * 9 + calc(1rem + 1rem + --pf-t--global--font--size--200))
- calc(3rem * 9 + calc(1rem + 1rem + 0.875rem))
|
| .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item | --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart | calc(calc(1rem + 1rem + 0.875rem) - 0.5rem) |
- --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart
- calc(--pf-v6-c-tree-view__node--PaddingInlineStart - --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset)
- calc(--pf-v6-c-tree-view__node--indent--base - --pf-t--global--spacer--sm)
- calc(calc(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart + --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd + --pf-v6-c-tree-view__node-toggle-icon--MinWidth) - --pf-t--global--spacer--200)
- calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default) - 0.5rem)
- calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + --pf-t--global--font--size--body--default) - 0.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--sm) - 0.5rem)
- calc(calc(1rem + 1rem + --pf-t--global--font--size--200) - 0.5rem)
- calc(calc(1rem + 1rem + 0.875rem) - 0.5rem)
|