CSS variables
| Expand or collapse column | Selector | Variable | Value | |
|---|---|---|---|---|
| .pf-v6-l-grid | --pf-v6-l-grid--m-gutter--GridGap | 1rem | ||
| ||||
| .pf-v6-l-grid | --pf-v6-l-grid__item--GridColumnStart | auto | ||
| .pf-v6-l-grid | --pf-v6-l-grid__item--GridColumnEnd | span 12 | ||
| .pf-v6-l-grid | --pf-v6-l-grid--item--Order | 0 | ||
| .pf-v6-l-grid.pf-m-all-1-col > * | --pf-v6-l-grid__item--GridColumnEnd | span 1 | ||
| .pf-v6-l-grid.pf-m-all-2-col > * | --pf-v6-l-grid__item--GridColumnEnd | span 2 | ||
| .pf-v6-l-grid.pf-m-all-3-col > * | --pf-v6-l-grid__item--GridColumnEnd | span 3 | ||
| .pf-v6-l-grid.pf-m-all-4-col > * | --pf-v6-l-grid__item--GridColumnEnd | span 4 | ||
| .pf-v6-l-grid.pf-m-all-5-col > * | --pf-v6-l-grid__item--GridColumnEnd | span 5 | ||
| .pf-v6-l-grid.pf-m-all-6-col > * | --pf-v6-l-grid__item--GridColumnEnd | span 6 | ||
| .pf-v6-l-grid.pf-m-all-7-col > * | --pf-v6-l-grid__item--GridColumnEnd | span 7 | ||
| .pf-v6-l-grid.pf-m-all-8-col > * | --pf-v6-l-grid__item--GridColumnEnd | span 8 | ||
| .pf-v6-l-grid.pf-m-all-9-col > * | --pf-v6-l-grid__item--GridColumnEnd | span 9 | ||
| .pf-v6-l-grid.pf-m-all-10-col > * | --pf-v6-l-grid__item--GridColumnEnd | span 10 | ||
| .pf-v6-l-grid.pf-m-all-11-col > * | --pf-v6-l-grid__item--GridColumnEnd | span 11 | ||
| .pf-v6-l-grid.pf-m-all-12-col > * | --pf-v6-l-grid__item--GridColumnEnd | span 12 | ||
| .pf-v6-l-grid > .pf-m-1-col | --pf-v6-l-grid__item--GridColumnEnd | span 1 | ||
| .pf-v6-l-grid > .pf-m-2-col | --pf-v6-l-grid__item--GridColumnEnd | span 2 | ||
| .pf-v6-l-grid > .pf-m-3-col | --pf-v6-l-grid__item--GridColumnEnd | span 3 | ||
| .pf-v6-l-grid > .pf-m-4-col | --pf-v6-l-grid__item--GridColumnEnd | span 4 | ||
| .pf-v6-l-grid > .pf-m-5-col | --pf-v6-l-grid__item--GridColumnEnd | span 5 | ||
| .pf-v6-l-grid > .pf-m-6-col | --pf-v6-l-grid__item--GridColumnEnd | span 6 | ||
| .pf-v6-l-grid > .pf-m-7-col | --pf-v6-l-grid__item--GridColumnEnd | span 7 | ||
| .pf-v6-l-grid > .pf-m-8-col | --pf-v6-l-grid__item--GridColumnEnd | span 8 | ||
| .pf-v6-l-grid > .pf-m-9-col | --pf-v6-l-grid__item--GridColumnEnd | span 9 | ||
| .pf-v6-l-grid > .pf-m-10-col | --pf-v6-l-grid__item--GridColumnEnd | span 10 | ||
| .pf-v6-l-grid > .pf-m-11-col | --pf-v6-l-grid__item--GridColumnEnd | span 11 | ||
| .pf-v6-l-grid > .pf-m-12-col | --pf-v6-l-grid__item--GridColumnEnd | span 12 | ||
| .pf-v6-l-grid > .pf-m-offset-1-col | --pf-v6-l-grid__item--GridColumnStart | col-start calc(1 + 1) | ||
| .pf-v6-l-grid > .pf-m-offset-2-col | --pf-v6-l-grid__item--GridColumnStart | col-start calc(2 + 1) | ||
| .pf-v6-l-grid > .pf-m-offset-3-col | --pf-v6-l-grid__item--GridColumnStart | col-start calc(3 + 1) | ||
| .pf-v6-l-grid > .pf-m-offset-4-col | --pf-v6-l-grid__item--GridColumnStart | col-start calc(4 + 1) | ||
| .pf-v6-l-grid > .pf-m-offset-5-col | --pf-v6-l-grid__item--GridColumnStart | col-start calc(5 + 1) | ||
| .pf-v6-l-grid > .pf-m-offset-6-col | --pf-v6-l-grid__item--GridColumnStart | col-start calc(6 + 1) | ||
| .pf-v6-l-grid > .pf-m-offset-7-col | --pf-v6-l-grid__item--GridColumnStart | col-start calc(7 + 1) | ||
| .pf-v6-l-grid > .pf-m-offset-8-col | --pf-v6-l-grid__item--GridColumnStart | col-start calc(8 + 1) | ||
| .pf-v6-l-grid > .pf-m-offset-9-col | --pf-v6-l-grid__item--GridColumnStart | col-start calc(9 + 1) | ||
| .pf-v6-l-grid > .pf-m-offset-10-col | --pf-v6-l-grid__item--GridColumnStart | col-start calc(10 + 1) | ||
| .pf-v6-l-grid > .pf-m-offset-11-col | --pf-v6-l-grid__item--GridColumnStart | col-start calc(11 + 1) | ||
| .pf-v6-l-grid > .pf-m-offset-12-col | --pf-v6-l-grid__item--GridColumnStart | col-start calc(12 + 1) | ||
