CSS variables
Prefixed with 'pf-v6-c-description-list'
| Expand or collapse column | Selector | Variable | Value | |
|---|---|---|---|---|
| .pf-v6-c-description-list | --pf-v6-c-description-list--RowGap | 1.5rem | ||
| ||||
| .pf-v6-c-description-list | --pf-v6-c-description-list--ColumnGap | 3rem | ||
| ||||
| .pf-v6-c-description-list | --pf-v6-c-description-list--GridTemplateColumns--count | 1 | ||
| .pf-v6-c-description-list | --pf-v6-c-description-list--GridTemplateColumns--width | 1fr | ||
| .pf-v6-c-description-list | --pf-v6-c-description-list--GridTemplateColumns--min | 0 | ||
| .pf-v6-c-description-list | --pf-v6-c-description-list__group--RowGap | 0.5rem | ||
| ||||
| .pf-v6-c-description-list | --pf-v6-c-description-list__group--ColumnGap | 1rem | ||
| ||||
| .pf-v6-c-description-list | --pf-v6-c-description-list__group--GridTemplateColumns | auto | ||
| .pf-v6-c-description-list | --pf-v6-c-description-list__group--GridTemplateRows | auto 1fr | ||
| .pf-v6-c-description-list | --pf-v6-c-description-list__group--GridColumn | auto | ||
| .pf-v6-c-description-list | --pf-v6-c-description-list--m-compact--RowGap | 1rem | ||
| ||||
| .pf-v6-c-description-list | --pf-v6-c-description-list--m-compact--ColumnGap | 0.5rem | ||
| ||||
| .pf-v6-c-description-list | --pf-v6-c-description-list__term--Display | inline | ||
| .pf-v6-c-description-list | --pf-v6-c-description-list__term--sm--Display | flex | ||
| .pf-v6-c-description-list | --pf-v6-c-description-list__term--FontWeight | 600 | ||
| ||||
| .pf-v6-c-description-list | --pf-v6-c-description-list__term--FontSize | 0.875rem | ||
| ||||
| .pf-v6-c-description-list | --pf-v6-c-description-list__term--LineHeight | 1.5 | ||
| ||||
| .pf-v6-c-description-list | --pf-v6-c-description-list__term-icon--MinWidth | 0.75rem | ||
| ||||
| .pf-v6-c-description-list | --pf-v6-c-description-list__term-icon--MarginInlineEnd | 0.5rem | ||
| ||||
| .pf-v6-c-description-list | --pf-v6-c-description-list__term-icon--Color | (In light theme) #707070 | ||
| ||||
| .pf-v6-c-description-list | --pf-v6-c-description-list--m-vertical__group--GridTemplateColumns | repeat(1) | ||
| ||||
| .pf-v6-c-description-list | --pf-v6-c-description-list--m-vertical__group--GridTemplateRows | auto 1fr | ||
| .pf-v6-c-description-list | --pf-v6-c-description-list--m-horizontal__term--width | 12ch | ||
| .pf-v6-c-description-list | --pf-v6-c-description-list--m-horizontal__description--width | minmax(10ch, auto) | ||
| .pf-v6-c-description-list | --pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns | 12ch minmax(10ch, auto) | ||
| ||||
| .pf-v6-c-description-list | --pf-v6-c-description-list--m-horizontal__group--GridTemplateRows | auto | ||
| .pf-v6-c-description-list | --pf-v6-c-description-list--m-1-col--GridTemplateColumns--count | 1 | ||
| .pf-v6-c-description-list | --pf-v6-c-description-list--m-2-col--GridTemplateColumns--count | 2 | ||
| .pf-v6-c-description-list | --pf-v6-c-description-list--m-3-col--GridTemplateColumns--count | 3 | ||
| .pf-v6-c-description-list | --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min | 15.625rem | ||
| .pf-v6-c-description-list | --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min | 15.625rem | ||
| ||||
| .pf-v6-c-description-list | --pf-v6-c-description-list__text--m-help-text--TextDecorationLine | underline | ||
| ||||
| .pf-v6-c-description-list | --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle | dashed | ||
| ||||
| .pf-v6-c-description-list | --pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset | 0.25rem | ||
| .pf-v6-c-description-list | --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine | underline | ||
| ||||
| .pf-v6-c-description-list | --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle | dashed | ||
| ||||
| .pf-v6-c-description-list | --pf-v6-c-description-list--m-display-lg__description--FontSize | 1rem | ||
| ||||
| .pf-v6-c-description-list | --pf-v6-c-description-list--m-display-2xl__description--FontSize | 1.5rem | ||
| ||||
| .pf-v6-c-description-list | --pf-v6-c-description-list--m-horizontal__term--width-on-sm | inherit | ||
| .pf-v6-c-description-list | --pf-v6-c-description-list--m-horizontal__term--width-on-md | inherit | ||
| .pf-v6-c-description-list | --pf-v6-c-description-list--m-horizontal__term--width-on-lg | inherit | ||
| .pf-v6-c-description-list | --pf-v6-c-description-list--m-horizontal__term--width-on-xl | inherit | ||
| .pf-v6-c-description-list | --pf-v6-c-description-list--m-horizontal__term--width-on-2xl | inherit | ||
| .pf-v6-c-description-list | --pf-v6-c-description-list__term--width | 12ch | ||
| ||||
| .pf-v6-c-description-list.pf-m-auto-column-widths | --pf-v6-c-description-list--GridTemplateColumns--width | minmax(8ch, max-content) | ||
| .pf-v6-c-description-list.pf-m-auto-fit | --pf-v6-c-description-list--GridTemplateColumns--minmax--min | 0 | ||
| ||||
| .pf-v6-c-description-list.pf-m-compact | --pf-v6-c-description-list--RowGap | 1rem | ||
| ||||
| .pf-v6-c-description-list.pf-m-compact | --pf-v6-c-description-list--ColumnGap | 0.5rem | ||
| ||||
| .pf-v6-c-description-list.pf-m-fluid | --pf-v6-c-description-list--m-horizontal__term--width | fit-content(20ch) | ||
| .pf-v6-c-description-list.pf-m-display-lg | --pf-v6-c-description-list__description--FontSize | 1rem | ||
| ||||
| .pf-v6-c-description-list.pf-m-display-2xl | --pf-v6-c-description-list__description--FontSize | 1.5rem | ||
| ||||
| .pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus) | --pf-v6-c-description-list__text--m-help-text--TextDecorationLine | underline | ||
| ||||
| .pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus) | --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle | dashed | ||
| ||||
| .pf-v6-c-description-list.pf-m-1-col | --pf-v6-c-description-list--GridTemplateColumns--count | 1 | ||
| ||||
| .pf-v6-c-description-list.pf-m-2-col | --pf-v6-c-description-list--GridTemplateColumns--count | 2 | ||
| ||||
| .pf-v6-c-description-list.pf-m-3-col | --pf-v6-c-description-list--GridTemplateColumns--count | 3 | ||
| ||||
| .pf-v6-c-description-list.pf-m-horizontal | --pf-v6-c-description-list__group--GridTemplateColumns | 12ch minmax(10ch, auto) | ||
| ||||
| .pf-v6-c-description-list.pf-m-horizontal | --pf-v6-c-description-list__group--GridTemplateRows | auto | ||
| ||||
| .pf-v6-c-description-list.pf-m-vertical | --pf-v6-c-description-list__group--GridTemplateColumns | repeat(1) | ||
| ||||
| .pf-v6-c-description-list.pf-m-vertical | --pf-v6-c-description-list__group--GridTemplateRows | auto 1fr | ||
| ||||
Prefixed with 'pf-d-description-list'
| Expand or collapse column | Selector | Variable | Value |
|---|
