Sidebar

A sidebar is a panel that splits content into a secondary area within a page.

CSS variables

Expand or collapse column	Selector	Variable	Value
	.pf-v6-c-sidebar	--pf-v6-c-sidebar--inset	1rem
--pf-v6-c-sidebar--inset --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-sidebar	--pf-v6-c-sidebar--xl--inset	1.5rem
--pf-v6-c-sidebar--xl--inset --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-sidebar	--pf-v6-c-sidebar--BorderWidth--base	1px
--pf-v6-c-sidebar--BorderWidth--base --pf-t--global--border--width--regular --pf-t--global--border--width--100 1px
	.pf-v6-c-sidebar	--pf-v6-c-sidebar--BorderColor--base	(In light theme) #e0e0e0
--pf-v6-c-sidebar--BorderColor--base --pf-t--global--border--color--default --pf-t--global--border--color--50 --pf-t--color--gray--20 #e0e0e0
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--PaddingBlockStart	0
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--PaddingInlineEnd	0
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--PaddingBlockEnd	0
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--PaddingInlineStart	0
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--Order	-1
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--m-padding--PaddingBlockStart	1rem
--pf-v6-c-sidebar__panel--m-padding--PaddingBlockStart --pf-v6-c-sidebar--inset --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--m-padding--PaddingInlineEnd	1rem
--pf-v6-c-sidebar__panel--m-padding--PaddingInlineEnd --pf-v6-c-sidebar--inset --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--m-padding--PaddingBlockEnd	1rem
--pf-v6-c-sidebar__panel--m-padding--PaddingBlockEnd --pf-v6-c-sidebar--inset --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--m-padding--PaddingInlineStart	1rem
--pf-v6-c-sidebar__panel--m-padding--PaddingInlineStart --pf-v6-c-sidebar--inset --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__content--PaddingBlockStart	0
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__content--PaddingInlineEnd	0
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__content--PaddingBlockEnd	0
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__content--PaddingInlineStart	0
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__content--Order	1
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart	1rem
--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart --pf-v6-c-sidebar--inset --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__content--m-padding--PaddingInlineEnd	1rem
--pf-v6-c-sidebar__content--m-padding--PaddingInlineEnd --pf-v6-c-sidebar--inset --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd	1rem
--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd --pf-v6-c-sidebar--inset --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__content--m-padding--PaddingInlineStart	1rem
--pf-v6-c-sidebar__content--m-padding--PaddingInlineStart --pf-v6-c-sidebar--inset --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__main--FlexDirection	column
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__main--md--FlexDirection	row
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__main--AlignItems	stretch
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__main--md--AlignItems	flex-start
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__main--child--MarginBlockStart	0
	.pf-v6-c-sidebar	--pf-v6-c-sidebar--m-gutter__main--Gap	1rem
--pf-v6-c-sidebar--m-gutter__main--Gap --pf-v6-c-sidebar--inset --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__main--m-border--before--Display	none
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__main--m-border--before--md--Display	block
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__main--m-border--before--BorderWidth	1px
--pf-v6-c-sidebar__main--m-border--before--BorderWidth --pf-v6-c-sidebar--BorderWidth--base --pf-t--global--border--width--regular --pf-t--global--border--width--100 1px
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__main--m-border--before--BorderColor	(In light theme) #e0e0e0
--pf-v6-c-sidebar__main--m-border--before--BorderColor --pf-v6-c-sidebar--BorderColor--base --pf-t--global--border--color--default --pf-t--global--border--color--50 --pf-t--color--gray--20 #e0e0e0
	.pf-v6-c-sidebar	--pf-v6-c-sidebar--m-panel-right__panel--Order	-1
	.pf-v6-c-sidebar	--pf-v6-c-sidebar--m-panel-right__panel--md--Order	1
	.pf-v6-c-sidebar	--pf-v6-c-sidebar--m-panel-right__content--md--Order	-1
	.pf-v6-c-sidebar	--pf-v6-c-sidebar--m-stack__main--FlexDirection	column
	.pf-v6-c-sidebar	--pf-v6-c-sidebar--m-stack__main--AlignItems	stretch
	.pf-v6-c-sidebar	--pf-v6-c-sidebar--m-stack__panel--Position	sticky
	.pf-v6-c-sidebar	--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart	0
	.pf-v6-c-sidebar	--pf-v6-c-sidebar--m-stack__panel--BoxShadow	0px 10px 10px -8px rgb(41, 41, 41, 0.1500)
--pf-v6-c-sidebar--m-stack__panel--BoxShadow --pf-v6-c-sidebar__panel--BoxShadow--base --pf-t--global--box-shadow--md--bottom --pf-t--global--box-shadow--X--md--bottom --pf-t--global--box-shadow--Y--md--bottom --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--700 --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-sidebar	--pf-v6-c-sidebar--m-stack__panel--BorderBlockEndWidth	0px
--pf-v6-c-sidebar--m-stack__panel--BorderBlockEndWidth --pf-t--global--border--width--high-contrast--regular 0px
	.pf-v6-c-sidebar	--pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order	-1
	.pf-v6-c-sidebar	--pf-v6-c-sidebar--m-split__main--AlignItems	flex-start
	.pf-v6-c-sidebar	--pf-v6-c-sidebar--m-split__main--FlexDirection	row
	.pf-v6-c-sidebar	--pf-v6-c-sidebar--m-split__panel--Position	static
	.pf-v6-c-sidebar	--pf-v6-c-sidebar--m-split__panel--InsetBlockStart	auto
	.pf-v6-c-sidebar	--pf-v6-c-sidebar--m-split--m-panel-right__panel--Order	1
	.pf-v6-c-sidebar	--pf-v6-c-sidebar--m-split__main--m-border--before--Display	block
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--FlexBasis-base	auto
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--BorderBlockEndColor	(In light theme) rgb(255, 255, 255, 0.0000)
--pf-v6-c-sidebar__panel--BorderBlockEndColor --pf-t--global--border--color--high-contrast rgb(255, 255, 255, 0.0000)
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--BorderBlockEndWidth	0px
--pf-v6-c-sidebar__panel--BorderBlockEndWidth --pf-t--global--border--width--high-contrast--regular 0px
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--BoxShadow--base	0px 10px 10px -8px rgb(41, 41, 41, 0.1500)
--pf-v6-c-sidebar__panel--BoxShadow--base --pf-t--global--box-shadow--md--bottom --pf-t--global--box-shadow--X--md--bottom --pf-t--global--box-shadow--Y--md--bottom --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--700 --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-sidebar	--pf-v6-c-sidebar__panel--BoxShadow	0px 10px 10px -8px rgb(41, 41, 41, 0.1500)
--pf-v6-c-sidebar__panel--BoxShadow --pf-v6-c-sidebar__panel--BoxShadow--base --pf-t--global--box-shadow--md--bottom --pf-t--global--box-shadow--X--md--bottom --pf-t--global--box-shadow--Y--md--bottom --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--700 --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-sidebar	--pf-v6-c-sidebar__panel--InsetBlockStart	0
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--md--InsetBlockStart	auto
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--Position	sticky
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--md--Position	static
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--FlexBasis	auto
--pf-v6-c-sidebar__panel--FlexBasis --pf-v6-c-sidebar__panel--FlexBasis-base auto
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--md--FlexBasis	15.625rem
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--m-split--FlexBasis	15.625rem
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--m-stack--FlexBasis	auto
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--ZIndex	100
--pf-v6-c-sidebar__panel--ZIndex --pf-t--global--z-index--xs --pf-t--global--z-index--100 100
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--BackgroundColor	(In light theme) #ffffff
--pf-v6-c-sidebar__panel--BackgroundColor --pf-t--global--background--color--primary--default --pf-t--global--background--color--100 --pf-t--color--white #ffffff
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor	(In light theme) #f2f2f2
--pf-v6-c-sidebar__panel--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-sidebar	--pf-v6-c-sidebar__content--BackgroundColor	(In light theme) #ffffff
--pf-v6-c-sidebar__content--BackgroundColor --pf-t--global--background--color--primary--default --pf-t--global--background--color--100 --pf-t--color--white #ffffff
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__content--m-secondary--BackgroundColor	(In light theme) #f2f2f2
--pf-v6-c-sidebar__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-sidebar	--pf-v6-c-sidebar__panel--m-sticky--InsetBlockStart	0
	.pf-v6-c-sidebar	--pf-v6-c-sidebar__panel--m-sticky--Position	sticky
	.pf-v6-c-sidebar.pf-m-panel-right	--pf-v6-c-sidebar__panel--Order	-1
--pf-v6-c-sidebar__panel--Order --pf-v6-c-sidebar--m-panel-right__panel--Order -1
	.pf-v6-c-sidebar.pf-m-panel-right	--pf-v6-c-sidebar__content--Order	undefined
--pf-v6-c-sidebar__content--Order --pf-v6-c-sidebar--m-panel-right__content--Order undefined
	.pf-v6-c-sidebar.pf-m-stack	--pf-v6-c-sidebar__main--FlexDirection	column
--pf-v6-c-sidebar__main--FlexDirection --pf-v6-c-sidebar--m-stack__main--FlexDirection column
	.pf-v6-c-sidebar.pf-m-stack	--pf-v6-c-sidebar__main--AlignItems	stretch
--pf-v6-c-sidebar__main--AlignItems --pf-v6-c-sidebar--m-stack__main--AlignItems stretch
	.pf-v6-c-sidebar.pf-m-stack	--pf-v6-c-sidebar__panel--Position	sticky
--pf-v6-c-sidebar__panel--Position --pf-v6-c-sidebar--m-stack__panel--Position sticky
	.pf-v6-c-sidebar.pf-m-stack	--pf-v6-c-sidebar__panel--InsetBlockStart	0
--pf-v6-c-sidebar__panel--InsetBlockStart --pf-v6-c-sidebar--m-stack__panel--InsetBlockStart 0
	.pf-v6-c-sidebar.pf-m-stack	--pf-v6-c-sidebar__panel--BorderBlockEndWidth	0px
--pf-v6-c-sidebar__panel--BorderBlockEndWidth --pf-v6-c-sidebar--m-stack__panel--BorderBlockEndWidth --pf-t--global--border--width--high-contrast--regular 0px
	.pf-v6-c-sidebar.pf-m-stack	--pf-v6-c-sidebar__panel--BoxShadow	0px 10px 10px -8px rgb(41, 41, 41, 0.1500)
--pf-v6-c-sidebar__panel--BoxShadow --pf-v6-c-sidebar--m-stack__panel--BoxShadow --pf-v6-c-sidebar__panel--BoxShadow--base --pf-t--global--box-shadow--md--bottom --pf-t--global--box-shadow--X--md--bottom --pf-t--global--box-shadow--Y--md--bottom --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--700 --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-sidebar.pf-m-stack	--pf-v6-c-sidebar__panel--FlexBasis	auto
--pf-v6-c-sidebar__panel--FlexBasis --pf-v6-c-sidebar__panel--m-stack--FlexBasis auto
	.pf-v6-c-sidebar.pf-m-stack	--pf-v6-c-sidebar__main--m-border--before--Display	none
	.pf-v6-c-sidebar.pf-m-stack	--pf-v6-c-sidebar--m-panel-right__panel--Order	-1
--pf-v6-c-sidebar--m-panel-right__panel--Order --pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order -1
	.pf-v6-c-sidebar.pf-m-split	--pf-v6-c-sidebar__main--FlexDirection	row
--pf-v6-c-sidebar__main--FlexDirection --pf-v6-c-sidebar--m-split__main--FlexDirection row
	.pf-v6-c-sidebar.pf-m-split	--pf-v6-c-sidebar__main--AlignItems	flex-start
--pf-v6-c-sidebar__main--AlignItems --pf-v6-c-sidebar--m-split__main--AlignItems flex-start
	.pf-v6-c-sidebar.pf-m-split	--pf-v6-c-sidebar__panel--Position	static
--pf-v6-c-sidebar__panel--Position --pf-v6-c-sidebar--m-split__panel--Position static
	.pf-v6-c-sidebar.pf-m-split	--pf-v6-c-sidebar__panel--InsetBlockStart	auto
--pf-v6-c-sidebar__panel--InsetBlockStart --pf-v6-c-sidebar--m-split__panel--InsetBlockStart auto
	.pf-v6-c-sidebar.pf-m-split	--pf-v6-c-sidebar__panel--BorderBlockEndWidth	0
	.pf-v6-c-sidebar.pf-m-split	--pf-v6-c-sidebar__panel--BoxShadow	none
	.pf-v6-c-sidebar.pf-m-split	--pf-v6-c-sidebar__panel--FlexBasis	15.625rem
--pf-v6-c-sidebar__panel--FlexBasis --pf-v6-c-sidebar__panel--m-split--FlexBasis 15.625rem
	.pf-v6-c-sidebar.pf-m-split	--pf-v6-c-sidebar__main--m-border--before--Display	block
--pf-v6-c-sidebar__main--m-border--before--Display --pf-v6-c-sidebar--m-split__main--m-border--before--Display block
	.pf-v6-c-sidebar.pf-m-split	--pf-v6-c-sidebar--m-panel-right__panel--Order	1
--pf-v6-c-sidebar--m-panel-right__panel--Order --pf-v6-c-sidebar--m-split--m-panel-right__panel--Order 1
	.pf-v6-c-sidebar__panel.pf-m-padding	--pf-v6-c-sidebar__panel--PaddingBlockStart	1rem
--pf-v6-c-sidebar__panel--PaddingBlockStart --pf-v6-c-sidebar__panel--m-padding--PaddingBlockStart --pf-v6-c-sidebar--inset --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-sidebar__panel.pf-m-padding	--pf-v6-c-sidebar__panel--PaddingInlineEnd	1rem
--pf-v6-c-sidebar__panel--PaddingInlineEnd --pf-v6-c-sidebar__panel--m-padding--PaddingInlineEnd --pf-v6-c-sidebar--inset --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-sidebar__panel.pf-m-padding	--pf-v6-c-sidebar__panel--PaddingBlockEnd	1rem
--pf-v6-c-sidebar__panel--PaddingBlockEnd --pf-v6-c-sidebar__panel--m-padding--PaddingBlockEnd --pf-v6-c-sidebar--inset --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-sidebar__panel.pf-m-padding	--pf-v6-c-sidebar__panel--PaddingInlineStart	1rem
--pf-v6-c-sidebar__panel--PaddingInlineStart --pf-v6-c-sidebar__panel--m-padding--PaddingInlineStart --pf-v6-c-sidebar--inset --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-sidebar__panel.pf-m-sticky	--pf-v6-c-sidebar__panel--Position	sticky
--pf-v6-c-sidebar__panel--Position --pf-v6-c-sidebar__panel--m-sticky--Position sticky
	.pf-v6-c-sidebar__panel.pf-m-sticky	--pf-v6-c-sidebar__panel--InsetBlockStart	0
--pf-v6-c-sidebar__panel--InsetBlockStart --pf-v6-c-sidebar__panel--m-sticky--InsetBlockStart 0
	.pf-v6-c-sidebar__panel.pf-m-static	--pf-v6-c-sidebar__panel--Position	static
	.pf-v6-c-sidebar__panel.pf-m-static	--pf-v6-c-sidebar__panel--InsetBlockStart	auto
	.pf-v6-c-sidebar__panel.pf-m-no-background	--pf-v6-c-sidebar__panel--BackgroundColor	transparent
	.pf-v6-c-sidebar__panel.pf-m-secondary	--pf-v6-c-sidebar__panel--BackgroundColor	(In light theme) #f2f2f2
--pf-v6-c-sidebar__panel--BackgroundColor --pf-v6-c-sidebar__panel--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-sidebar__content.pf-m-padding	--pf-v6-c-sidebar__content--PaddingBlockStart	1rem
--pf-v6-c-sidebar__content--PaddingBlockStart --pf-v6-c-sidebar__content--m-padding--PaddingBlockStart --pf-v6-c-sidebar--inset --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-sidebar__content.pf-m-padding	--pf-v6-c-sidebar__content--PaddingInlineEnd	1rem
--pf-v6-c-sidebar__content--PaddingInlineEnd --pf-v6-c-sidebar__content--m-padding--PaddingInlineEnd --pf-v6-c-sidebar--inset --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-sidebar__content.pf-m-padding	--pf-v6-c-sidebar__content--PaddingBlockEnd	1rem
--pf-v6-c-sidebar__content--PaddingBlockEnd --pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd --pf-v6-c-sidebar--inset --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-sidebar__content.pf-m-padding	--pf-v6-c-sidebar__content--PaddingInlineStart	1rem
--pf-v6-c-sidebar__content--PaddingInlineStart --pf-v6-c-sidebar__content--m-padding--PaddingBlockStart --pf-v6-c-sidebar--inset --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-sidebar__content.pf-m-no-background	--pf-v6-c-sidebar__content--BackgroundColor	transparent
	.pf-v6-c-sidebar__content.pf-m-secondary	--pf-v6-c-sidebar__content--BackgroundColor	(In light theme) #f2f2f2
--pf-v6-c-sidebar__content--BackgroundColor --pf-v6-c-sidebar__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-sidebar__content + .pf-v6-c-sidebar__panel	--pf-v6-c-sidebar__panel--Order	1
	:where(.pf-v6-c-sidebar__content:first-child)	--pf-v6-c-sidebar__content--Order	-1
	.pf-v6-c-sidebar__panel.pf-m-width-default	--pf-v6-c-sidebar__panel--FlexBasis	auto
--pf-v6-c-sidebar__panel--FlexBasis --pf-v6-c-sidebar__panel--FlexBasis--base auto
	.pf-v6-c-sidebar__panel.pf-m-width-25	--pf-v6-c-sidebar__panel--FlexBasis	25%
	.pf-v6-c-sidebar__panel.pf-m-width-33	--pf-v6-c-sidebar__panel--FlexBasis	33%
	.pf-v6-c-sidebar__panel.pf-m-width-50	--pf-v6-c-sidebar__panel--FlexBasis	50%
	.pf-v6-c-sidebar__panel.pf-m-width-66	--pf-v6-c-sidebar__panel--FlexBasis	66%
	.pf-v6-c-sidebar__panel.pf-m-width-75	--pf-v6-c-sidebar__panel--FlexBasis	75%
	.pf-v6-c-sidebar__panel.pf-m-width-100	--pf-v6-c-sidebar__panel--FlexBasis	100%