| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill--m-inline__main--Gap | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__section--BackgroundColor | |
- --pf-v6-c-drawer__section--BackgroundColor
- --pf-t--global--background--color--primary--default
- --pf-t--global--background--color--100
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__section--m-secondary--BackgroundColor | |
- --pf-v6-c-drawer__section--m-secondary--BackgroundColor
- --pf-t--global--background--color--secondary--default
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__content--FlexBasis | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__content--BackgroundColor | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__content--m-primary--BackgroundColor | |
- --pf-v6-c-drawer__content--m-primary--BackgroundColor
- --pf-t--global--background--color--primary--default
- --pf-t--global--background--color--100
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__content--m-secondary--BackgroundColor | |
- --pf-v6-c-drawer__content--m-secondary--BackgroundColor
- --pf-t--global--background--color--secondary--default
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__content--ZIndex | |
- --pf-v6-c-drawer__content--ZIndex
- --pf-t--global--z-index--xs
- --pf-t--global--z-index--100
- 100
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--MinWidth | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--MaxHeight | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--ZIndex | |
- --pf-v6-c-drawer__panel--ZIndex
- --pf-t--global--z-index--sm
- --pf-t--global--z-index--200
- 200
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--BorderColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-drawer__panel--BorderColor
- --pf-v6-c-drawer__panel--after--BackgroundColor
- --pf-t--global--border--color--high-contrast
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--BorderBlockStartWidth | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--BorderBlockEndWidth | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--BorderInlineStartWidth | |
- --pf-v6-c-drawer__panel--BorderInlineStartWidth
- --pf-v6-c-drawer__panel--after--Width
- --pf-t--global--border--width--high-contrast--regular
- 0px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--BorderInlineEndWidth | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--BackgroundColor | |
- --pf-v6-c-drawer__panel--BackgroundColor
- --pf-t--global--background--color--floating--default
- --pf-t--global--background--color--100
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--m-inline--BackgroundColor | |
- --pf-v6-c-drawer__panel--m-inline--BackgroundColor
- --pf-t--global--background--color--floating--default
- --pf-t--global--background--color--100
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--m-secondary--BackgroundColor | |
- --pf-v6-c-drawer__panel--m-secondary--BackgroundColor
- --pf-t--global--background--color--floating--secondary--default
- --pf-t--global--background--color--secondary--default
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--RowGap | |
- --pf-v6-c-drawer__panel--RowGap
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--PaddingBlockStart | |
- --pf-v6-c-drawer__panel--PaddingBlockStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--PaddingBlockEnd | |
- --pf-v6-c-drawer__panel--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--TransitionDelay | |
- --pf-v6-c-drawer__panel--TransitionDelay
- 0s, --pf-v6-c-drawer__panel--TransitionDelay--focus, --pf-v6-c-drawer__panel--TransitionDelay--focus
- 0s, --pf-v6-c-drawer__panel--TransitionDuration--fade, --pf-v6-c-drawer__panel--TransitionDuration--fade
- 0s, --pf-t--global--motion--duration--fade--default, --pf-t--global--motion--duration--fade--default
- 0s, --pf-t--global--motion--duration--md, --pf-t--global--motion--duration--md
- 0s, --pf-t--global--duration--200, --pf-t--global--duration--200
- 0s, 200ms, 200ms
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--TransitionDelay--focus | |
- --pf-v6-c-drawer__panel--TransitionDelay--focus
- --pf-v6-c-drawer__panel--TransitionDuration--fade
- --pf-t--global--motion--duration--fade--default
- --pf-t--global--motion--duration--md
- --pf-t--global--duration--200
- 200ms
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--TransitionDelay--expand--focus | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--TransitionTimingFunction | cubic-bezier(0, 0, .2, 1) |
- --pf-v6-c-drawer__panel--TransitionTimingFunction
- --pf-t--global--motion--timing-function--decelerate
- --pf-t--global--timing-function--300
- cubic-bezier(0, 0, .2, 1)
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--TransitionDuration--fade | |
- --pf-v6-c-drawer__panel--TransitionDuration--fade
- --pf-t--global--motion--duration--fade--default
- --pf-t--global--motion--duration--md
- --pf-t--global--duration--200
- 200ms
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--TransitionDuration | |
- --pf-v6-c-drawer__panel--TransitionDuration
- --pf-v6-c-drawer__panel--TransitionDuration--fade, 0s, 0s
- --pf-t--global--motion--duration--fade--default, 0s, 0s
- --pf-t--global--motion--duration--md, 0s, 0s
- --pf-t--global--duration--200, 0s, 0s
- 200ms, 0s, 0s
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--TransitionProperty | opacity, visibility, transform |
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--Opacity | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-expanded__panel--Opacity | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-expanded__panel--inset | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--FlexBasis | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--md--FlexBasis--min | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--md--FlexBasis | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--md--FlexBasis--max | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--m-inline--md--BackgroundColor | |
- --pf-v6-c-drawer__panel--m-inline--md--BackgroundColor
- --pf-t--global--background--color--primary--default
- --pf-t--global--background--color--100
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--xl--MinWidth | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--xl--FlexBasis | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-panel-bottom__panel--xl--FlexBasis | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--m-resizable--FlexDirection | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--m-resizable--md--FlexBasis--min | |
- --pf-v6-c-drawer__panel--m-resizable--md--FlexBasis--min
- --pf-v6-c-drawer__splitter--m-vertical--Width
- 0.75rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--m-resizable--MinWidth | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth | |
- --pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth | |
- --pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth | |
- --pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth | |
- --pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth
- --pf-t--global--border--width--regular
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill__panel--BorderColor | |
- --pf-v6-c-drawer--m-pill__panel--BorderColor
- --pf-t--global--border--color--subtle
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill__panel--BorderRadius | |
- --pf-v6-c-drawer--m-pill__panel--BorderRadius
- --pf-t--global--border--radius--large
- --pf-t--global--border--radius--400
- 24px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill--m-expanded__panel--inset | |
- --pf-v6-c-drawer--m-pill--m-expanded__panel--inset
- --pf-t--global--spacer--inset--page-chrome
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill--m-expanded__panel--BoxShadow | 0px
4px
10px
0px
rgb(41, 41, 41, 0.1500) |
- --pf-v6-c-drawer--m-pill--m-expanded__panel--BoxShadow
- --pf-t--global--box-shadow--md
- --pf-t--global--box-shadow--X--md--default
--pf-t--global--box-shadow--Y--md--default
--pf-t--global--box-shadow--blur--md
--pf-t--global--box-shadow--spread--md--default
--pf-t--global--box-shadow--color--md--default
- --pf-t--global--box-shadow--X--400
--pf-t--global--box-shadow--Y--600
--pf-t--global--box-shadow--blur--200
--pf-t--global--box-shadow--spread--100
--pf-t--global--box-shadow--color--100
- 0px
4px
10px
0px
rgb(41, 41, 41, 0.1500)
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--m-glass--BackgroundColor | |
- --pf-v6-c-drawer__panel--m-glass--BackgroundColor
- --pf-t--global--background--color--glass--primary--default
- initial
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--m-glass--BackdropFilter | |
- --pf-v6-c-drawer__panel--m-glass--BackdropFilter
- --pf-t--global--background--filter--glass--blur--primary
- initial
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--m-glass--BorderColor | |
- --pf-v6-c-drawer__panel--m-glass--BorderColor
- --pf-t--global--border--color--glass--default
- initial
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__head--ColumnGap | |
- --pf-v6-c-drawer__head--ColumnGap
- --pf-t--global--spacer--gap--text-to-element--default
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__head--PaddingBlockStart | |
- --pf-v6-c-drawer__head--PaddingBlockStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__head--PaddingBlockEnd | |
- --pf-v6-c-drawer__head--PaddingBlockEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__head--PaddingInlineStart | |
- --pf-v6-c-drawer__head--PaddingInlineStart
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__head--PaddingInlineEnd | |
- --pf-v6-c-drawer__head--PaddingInlineEnd
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__description--PaddingInlineStart | |
- --pf-v6-c-drawer__description--PaddingInlineStart
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__description--PaddingInlineEnd | |
- --pf-v6-c-drawer__description--PaddingInlineEnd
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__body--PaddingBlockStart--base | |
- --pf-v6-c-drawer__body--PaddingBlockStart--base
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__body--PaddingInlineEnd--base | |
- --pf-v6-c-drawer__body--PaddingInlineEnd--base
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__body--PaddingBlockEnd--base | |
- --pf-v6-c-drawer__body--PaddingBlockEnd--base
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__body--PaddingInlineStart--base | |
- --pf-v6-c-drawer__body--PaddingInlineStart--base
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__content__body--PaddingBlockStart | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__content__body--PaddingInlineEnd | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__content__body--PaddingBlockEnd | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__content__body--PaddingInlineStart | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel__body--PaddingBlockStart | |
- --pf-v6-c-drawer__panel__body--PaddingBlockStart
- --pf-v6-c-drawer__body--PaddingBlockStart--base
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel__body--PaddingInlineEnd | |
- --pf-v6-c-drawer__panel__body--PaddingInlineEnd
- --pf-v6-c-drawer__body--PaddingInlineEnd--base
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel__body--PaddingBlockEnd | |
- --pf-v6-c-drawer__panel__body--PaddingBlockEnd
- --pf-v6-c-drawer__body--PaddingBlockEnd--base
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel__body--PaddingInlineStart | |
- --pf-v6-c-drawer__panel__body--PaddingInlineStart
- --pf-v6-c-drawer__body--PaddingInlineStart--base
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__body--m-padding--PaddingBlockStart | |
- --pf-v6-c-drawer__body--m-padding--PaddingBlockStart
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__body--m-padding--PaddingInlineEnd | |
- --pf-v6-c-drawer__body--m-padding--PaddingInlineEnd
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__body--m-padding--PaddingBlockEnd | |
- --pf-v6-c-drawer__body--m-padding--PaddingBlockEnd
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__body--m-padding--PaddingInlineStart | |
- --pf-v6-c-drawer__body--m-padding--PaddingInlineStart
- --pf-t--global--spacer--md
- --pf-t--global--spacer--300
- 1rem
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--Height | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--Width | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--BackgroundColor | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--Cursor | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--m-vertical--Height | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--m-vertical--Width | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--m-vertical--Cursor | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--focus--OutlineOffset | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-inline__splitter--focus--OutlineOffset | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--after--BorderColor | |
- --pf-v6-c-drawer__splitter--after--BorderColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--hover--after--BorderColor | |
- --pf-v6-c-drawer__splitter--hover--after--BorderColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--focus--after--BorderColor | |
- --pf-v6-c-drawer__splitter--focus--after--BorderColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--active--after--BorderColor | |
- --pf-v6-c-drawer__splitter--active--after--BorderColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--after--border-width--base | |
- --pf-v6-c-drawer__splitter--after--border-width--base
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--after--BorderBlockStartWidth | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--after--BorderInlineEndWidth | |
- --pf-v6-c-drawer__splitter--after--BorderInlineEndWidth
- --pf-v6-c-drawer__splitter--after--border-width--base
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--after--BorderBlockEndWidth | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--after--BorderInlineStartWidth | |
- --pf-v6-c-drawer__splitter--after--BorderInlineStartWidth
- --pf-v6-c-drawer__splitter--after--border-width--base
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--after--InsetBlockStart | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--after--InsetBlockEnd | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--after--InsetInlineStart | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--after--InsetInlineEnd | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--after--Width | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--after--Height | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockStartWidth | |
- --pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockStartWidth
- --pf-v6-c-drawer__splitter--after--border-width--base
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockEndWidth | |
- --pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockEndWidth
- --pf-v6-c-drawer__splitter--after--border-width--base
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill__splitter--m-vertical--Width | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill__splitter--m-vertical--Height | |
- --pf-v6-c-drawer--m-pill__splitter--m-vertical--Height
- calc(100% - (2 * --pf-v6-c-drawer--m-pill__panel--BorderRadius))
- calc(100% - (2 * --pf-t--global--border--radius--large))
- calc(100% - (2 * --pf-t--global--border--radius--400))
- calc(100% - (2 * 24px))
|
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill__splitter--m-vertical--MarginBlockStart | |
- --pf-v6-c-drawer--m-pill__splitter--m-vertical--MarginBlockStart
- --pf-v6-c-drawer--m-pill__panel--BorderRadius
- --pf-t--global--border--radius--large
- --pf-t--global--border--radius--400
- 24px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill__splitter--after--BorderColor | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill__splitter--after--BorderInlineEndWidth | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill__splitter--hover--after--BorderColor | |
- --pf-v6-c-drawer--m-pill__splitter--hover--after--BorderColor
- --pf-t--global--border--color--hover
- --pf-t--global--color--brand--100
- --pf-t--color--blue--40
- #4394e5
|
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill__splitter--focus--after--BorderColor | |
- --pf-v6-c-drawer--m-pill__splitter--focus--after--BorderColor
- --pf-t--global--border--color--clicked
- --pf-t--global--color--brand--200
- --pf-t--color--blue--50
- #0066cc
|
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill__splitter--active--after--BorderColor | |
- --pf-v6-c-drawer--m-pill__splitter--active--after--BorderColor
- --pf-t--global--border--color--clicked
- --pf-t--global--color--brand--200
- --pf-t--color--blue--50
- #0066cc
|
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill__splitter--after--Width | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill__splitter--after--Height | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill__splitter--after--InsetInlineStart | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill__splitter--after--InsetInlineEnd | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill__splitter--after--TranslateX | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Height | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Width | |
- --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Width
- calc(100% - (2 * --pf-v6-c-drawer--m-pill__panel--BorderRadius))
- calc(100% - (2 * --pf-t--global--border--radius--large))
- calc(100% - (2 * --pf-t--global--border--radius--400))
- calc(100% - (2 * 24px))
|
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--MarginInlineStart | |
- --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--MarginInlineStart
- --pf-v6-c-drawer--m-pill__panel--BorderRadius
- --pf-t--global--border--radius--large
- --pf-t--global--border--radius--400
- 24px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Width | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Height | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockStartWidth | |
- --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockStartWidth
- --pf-v6-c-drawer__splitter--after--border-width--base
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockEndWidth | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockStart | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockEnd | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineStart | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineEnd | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--TranslateY | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-inline__splitter--m-vertical--Width | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-inline__splitter-handle--InsetInlineStart | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--Height | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-inline--m-panel-bottom__splitter-handle--InsetBlockStart | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderBlockStartWidth | |
- --pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderBlockStartWidth
- --pf-v6-c-drawer__splitter--after--border-width--base
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter-handle--InsetBlockStart | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter-handle--InsetInlineStart | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-panel-bottom__splitter-handle--InsetBlockStart | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter-handle--after--BackgroundColor | |
- --pf-v6-c-drawer__splitter-handle--after--BackgroundColor
- --pf-t--global--border--color--control--default
- --pf-t--global--border--color--300
- --pf-t--color--gray--45
- #8c8c8c
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter-handle--hover--after--BackgroundColor | |
- --pf-v6-c-drawer__splitter-handle--hover--after--BackgroundColor
- --pf-t--global--border--color--hover
- --pf-t--global--color--brand--100
- --pf-t--color--blue--40
- #4394e5
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter-handle--focus--after--BackgroundColor | |
- --pf-v6-c-drawer__splitter-handle--focus--after--BackgroundColor
- --pf-t--global--border--color--clicked
- --pf-t--global--color--brand--200
- --pf-t--color--blue--50
- #0066cc
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter-handle--active--after--BackgroundColor | |
- --pf-v6-c-drawer__splitter-handle--active--after--BackgroundColor
- --pf-t--global--border--color--clicked
- --pf-t--global--color--brand--200
- --pf-t--color--blue--50
- #0066cc
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter-handle--after--BorderColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-drawer__splitter-handle--after--BorderColor
- --pf-t--global--border--color--high-contrast
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter-handle--after--BorderBlockStartWidth | |
- --pf-v6-c-drawer__splitter-handle--after--BorderBlockStartWidth
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth | |
- --pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter-handle--after--BorderRadius | |
- --pf-v6-c-drawer__splitter-handle--after--BorderRadius
- --pf-t--global--border--radius--pill
- --pf-t--global--border--radius--500
- 999px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--hover__splitter-handle--after--BorderColor | |
- --pf-v6-c-drawer__splitter--hover__splitter-handle--after--BorderColor
- --pf-t--global--color--brand--hover
- --pf-t--global--color--brand--300
- --pf-t--color--blue--60
- #004d99
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockStartWidth | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineEndWidth | |
- --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineEndWidth
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockEndWidth | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineStartWidth | |
- --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineStartWidth
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter-handle--after--Width | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter-handle--after--Height | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height | |
| .pf-v6-c-drawer | --pf-v6-c-drawer__actions--MarginBlockStart | |
- --pf-v6-c-drawer__actions--MarginBlockStart
- calc(--pf-t--global--spacer--control--vertical--compact * -1.5)
- calc(--pf-t--global--spacer--xs * -1.5)
- calc(--pf-t--global--spacer--100 * -1.5)
- calc(0.25rem * -1.5)
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__actions--MarginInlineEnd | |
- --pf-v6-c-drawer__actions--MarginInlineEnd
- calc(--pf-t--global--spacer--control--horizontal--compact * -1.5)
- calc(--pf-t--global--spacer--sm * -1.5)
- calc(--pf-t--global--spacer--200 * -1.5)
- calc(0.5rem * -1.5)
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--BoxShadow | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow | 0px
-10px
10px
-8px
rgb(41, 41, 41, 0.1500) |
- --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow
- --pf-t--global--box-shadow--md--top
- --pf-t--global--box-shadow--X--md--top
--pf-t--global--box-shadow--Y--md--top
--pf-t--global--box-shadow--blur--md
--pf-t--global--box-shadow--spread--md--directional
--pf-t--global--box-shadow--color--md--directional
- --pf-t--global--box-shadow--X--400
--pf-t--global--box-shadow--Y--100
--pf-t--global--box-shadow--blur--200
--pf-t--global--box-shadow--spread--300
--pf-t--global--box-shadow--color--100
- 0px
-10px
10px
-8px
rgb(41, 41, 41, 0.1500)
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--after--Width | |
- --pf-v6-c-drawer__panel--after--Width
- --pf-t--global--border--width--high-contrast--regular
- 0px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-inline__panel--after--Width | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-inline__panel--after--md--Width | |
- --pf-v6-c-drawer--m-inline__panel--after--md--Width
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-panel-bottom__panel--after--Height | |
- --pf-v6-c-drawer--m-panel-bottom__panel--after--Height
- --pf-t--global--border--width--high-contrast--regular
- 0px
|
| .pf-v6-c-drawer | --pf-v6-c-drawer__panel--after--BackgroundColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-drawer__panel--after--BackgroundColor
- --pf-t--global--border--color--high-contrast
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor | |
- --pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-inline__panel--PaddingInlineStart | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart | |
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-expanded__panel--BoxShadow | -10px
0px
10px
-8px
rgb(41, 41, 41, 0.1500) |
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow
- --pf-t--global--box-shadow--md--left
- --pf-t--global--box-shadow--X--md--left
--pf-t--global--box-shadow--Y--md--left
--pf-t--global--box-shadow--blur--md
--pf-t--global--box-shadow--spread--md--directional
--pf-t--global--box-shadow--color--md--directional
- --pf-t--global--box-shadow--X--100
--pf-t--global--box-shadow--Y--400
--pf-t--global--box-shadow--blur--200
--pf-t--global--box-shadow--spread--300
--pf-t--global--box-shadow--color--100
- -10px
0px
10px
-8px
rgb(41, 41, 41, 0.1500)
|
| .pf-v6-c-drawer | --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow | 10px
0px
10px
-8px
rgb(41, 41, 41, 0.1500) |
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow
- --pf-t--global--box-shadow--md--right
- --pf-t--global--box-shadow--X--md--right
--pf-t--global--box-shadow--Y--md--right
--pf-t--global--box-shadow--blur--md
--pf-t--global--box-shadow--spread--md--directional
--pf-t--global--box-shadow--color--md--directional
- --pf-t--global--box-shadow--X--700
--pf-t--global--box-shadow--Y--400
--pf-t--global--box-shadow--blur--200
--pf-t--global--box-shadow--spread--300
--pf-t--global--box-shadow--color--100
- 10px
0px
10px
-8px
rgb(41, 41, 41, 0.1500)
|
| :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer | --pf-v6-c-drawer--m-expanded__panel--BoxShadow | 10px
0px
10px
-8px
rgb(41, 41, 41, 0.1500) |
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow
- --pf-t--global--box-shadow--md--right
- --pf-t--global--box-shadow--X--md--right
--pf-t--global--box-shadow--Y--md--right
--pf-t--global--box-shadow--blur--md
--pf-t--global--box-shadow--spread--md--directional
--pf-t--global--box-shadow--color--md--directional
- --pf-t--global--box-shadow--X--700
--pf-t--global--box-shadow--Y--400
--pf-t--global--box-shadow--blur--200
--pf-t--global--box-shadow--spread--300
--pf-t--global--box-shadow--color--100
- 10px
0px
10px
-8px
rgb(41, 41, 41, 0.1500)
|
| :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer | --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow | -10px
0px
10px
-8px
rgb(41, 41, 41, 0.1500) |
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow
- --pf-t--global--box-shadow--md--left
- --pf-t--global--box-shadow--X--md--left
--pf-t--global--box-shadow--Y--md--left
--pf-t--global--box-shadow--blur--md
--pf-t--global--box-shadow--spread--md--directional
--pf-t--global--box-shadow--color--md--directional
- --pf-t--global--box-shadow--X--100
--pf-t--global--box-shadow--Y--400
--pf-t--global--box-shadow--blur--200
--pf-t--global--box-shadow--spread--300
--pf-t--global--box-shadow--color--100
- -10px
0px
10px
-8px
rgb(41, 41, 41, 0.1500)
|
| .pf-v6-c-drawer.pf-m-inline | --pf-v6-c-drawer__panel--BackgroundColor | |
- --pf-v6-c-drawer__panel--BackgroundColor
- --pf-v6-c-drawer__panel--m-inline--BackgroundColor
- --pf-t--global--background--color--floating--default
- --pf-t--global--background--color--100
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-drawer.pf-m-inline | --pf-v6-c-drawer__panel--BorderInlineStartWidth | |
- --pf-v6-c-drawer__panel--BorderInlineStartWidth
- --pf-v6-c-drawer--m-inline__panel--after--Width
- 0
|
| .pf-v6-c-drawer.pf-m-inline | --pf-v6-c-drawer--m-pill__main--Gap | |
- --pf-v6-c-drawer--m-pill__main--Gap
- --pf-v6-c-drawer--m-pill--m-inline__main--Gap
- 0
|
| .pf-v6-c-drawer.pf-m-inline | --pf-v6-c-drawer--m-pill--m-expanded__panel--inset | |
| .pf-v6-c-drawer.pf-m-expanded | --pf-v6-c-drawer--m-pill--m-inline__main--Gap | |
- --pf-v6-c-drawer--m-pill--m-inline__main--Gap
- --pf-t--global--spacer--inset--page-chrome
- --pf-t--global--spacer--lg
- --pf-t--global--spacer--400
- 1.5rem
|
| .pf-v6-c-drawer.pf-m-expanded | --pf-v6-c-drawer__panel--TransitionDelay--focus | |
- --pf-v6-c-drawer__panel--TransitionDelay--focus
- --pf-v6-c-drawer__panel--TransitionDelay--expand--focus
- 0s
|
| .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel | --pf-v6-c-drawer__panel--Opacity | |
- --pf-v6-c-drawer__panel--Opacity
- --pf-v6-c-drawer--m-expanded__panel--Opacity
- 1
|
| .pf-v6-c-drawer.pf-m-resizing | --pf-v6-c-drawer__panel--TransitionProperty | |
| .pf-v6-c-drawer__section.pf-m-secondary | --pf-v6-c-drawer__section--BackgroundColor | |
- --pf-v6-c-drawer__section--BackgroundColor
- --pf-v6-c-drawer__section--m-secondary--BackgroundColor
- --pf-t--global--background--color--secondary--default
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-drawer__section.pf-m-plain | --pf-v6-c-drawer__section--BackgroundColor | |
| .pf-v6-c-drawer__content.pf-m-primary | --pf-v6-c-drawer__content--BackgroundColor | |
- --pf-v6-c-drawer__content--BackgroundColor
- --pf-v6-c-drawer__content--m-primary--BackgroundColor
- --pf-t--global--background--color--primary--default
- --pf-t--global--background--color--100
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-drawer__content.pf-m-secondary | --pf-v6-c-drawer__content--BackgroundColor | |
- --pf-v6-c-drawer__content--BackgroundColor
- --pf-v6-c-drawer__content--m-secondary--BackgroundColor
- --pf-t--global--background--color--secondary--default
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-drawer__panel.pf-m-secondary | --pf-v6-c-drawer__panel--BackgroundColor | |
- --pf-v6-c-drawer__panel--BackgroundColor
- --pf-v6-c-drawer__panel--m-secondary--BackgroundColor
- --pf-t--global--background--color--floating--secondary--default
- --pf-t--global--background--color--secondary--default
- --pf-t--global--background--color--200
- --pf-t--color--gray--10
- #f2f2f2
|
| .pf-v6-c-drawer__panel.pf-m-no-background | --pf-v6-c-drawer__panel--BackgroundColor | |
| .pf-v6-c-drawer__splitter.pf-m-vertical | --pf-v6-c-drawer__splitter--Height | |
- --pf-v6-c-drawer__splitter--Height
- --pf-v6-c-drawer__splitter--m-vertical--Height
- 100%
|
| .pf-v6-c-drawer__splitter.pf-m-vertical | --pf-v6-c-drawer__splitter--Width | |
- --pf-v6-c-drawer__splitter--Width
- --pf-v6-c-drawer__splitter--m-vertical--Width
- 0.75rem
|
| .pf-v6-c-drawer__splitter.pf-m-vertical | --pf-v6-c-drawer__splitter--Cursor | |
- --pf-v6-c-drawer__splitter--Cursor
- --pf-v6-c-drawer__splitter--m-vertical--Cursor
- col-resize
|
| .pf-v6-c-drawer__splitter.pf-m-vertical | --pf-v6-c-drawer__splitter-handle--after--Width | |
- --pf-v6-c-drawer__splitter-handle--after--Width
- --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width
- 0.25rem
|
| .pf-v6-c-drawer__splitter.pf-m-vertical | --pf-v6-c-drawer__splitter-handle--after--Height | |
- --pf-v6-c-drawer__splitter-handle--after--Height
- --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height
- 2.1875rem
|
| .pf-v6-c-drawer__splitter.pf-m-vertical | --pf-v6-c-drawer__splitter-handle--after--BorderBlockStartWidth | |
- --pf-v6-c-drawer__splitter-handle--after--BorderBlockStartWidth
- --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockStartWidth
- 0
|
| .pf-v6-c-drawer__splitter.pf-m-vertical | --pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth | |
- --pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth
- --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineEndWidth
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-drawer__splitter.pf-m-vertical | --pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth | |
- --pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth
- --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockEndWidth
- 0
|
| .pf-v6-c-drawer__splitter.pf-m-vertical | --pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth | |
- --pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth
- --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineStartWidth
- --pf-t--global--border--width--divider--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-drawer__splitter:hover | --pf-v6-c-drawer__splitter-handle--after--BackgroundColor | |
- --pf-v6-c-drawer__splitter-handle--after--BackgroundColor
- --pf-v6-c-drawer__splitter-handle--hover--after--BackgroundColor
- --pf-t--global--border--color--hover
- --pf-t--global--color--brand--100
- --pf-t--color--blue--40
- #4394e5
|
| .pf-v6-c-drawer__splitter:hover | --pf-v6-c-drawer__splitter--after--BorderColor | |
- --pf-v6-c-drawer__splitter--after--BorderColor
- --pf-v6-c-drawer__splitter--hover--after--BorderColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-drawer__splitter:focus | --pf-v6-c-drawer__splitter-handle--after--BackgroundColor | |
- --pf-v6-c-drawer__splitter-handle--after--BackgroundColor
- --pf-v6-c-drawer__splitter-handle--focus--after--BackgroundColor
- --pf-t--global--border--color--clicked
- --pf-t--global--color--brand--200
- --pf-t--color--blue--50
- #0066cc
|
| .pf-v6-c-drawer__splitter:focus | --pf-v6-c-drawer__splitter--after--BorderColor | |
- --pf-v6-c-drawer__splitter--after--BorderColor
- --pf-v6-c-drawer__splitter--focus--after--BorderColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-drawer__splitter:active | --pf-v6-c-drawer__splitter-handle--after--BackgroundColor | |
- --pf-v6-c-drawer__splitter-handle--after--BackgroundColor
- --pf-v6-c-drawer__splitter-handle--active--after--BackgroundColor
- --pf-t--global--border--color--clicked
- --pf-t--global--color--brand--200
- --pf-t--color--blue--50
- #0066cc
|
| .pf-v6-c-drawer__splitter:active | --pf-v6-c-drawer__splitter--after--BorderColor | |
- --pf-v6-c-drawer__splitter--after--BorderColor
- --pf-v6-c-drawer__splitter--active--after--BorderColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|