This page lists all Flexbox CSS custom properties and utility classes available in the OxyProps Framework
| Description | Utility Class |
|---|
| Row | o-flex-row |
| Column | o-flex-col |
| Row Reverse | o-flex-row-rev |
| Column Reverse | o-flex-col-rev |
| Description | Utility Class |
|---|
| Wrap | o-wrap |
| Wrap Reverse | o-wrap-rev |
| No Wrap | o-nowrap |
| Description | Utility Class |
|---|
| Justify Content Start | o-flex-start |
| Justify Content End | o-flex-end |
| Justify Content Center | o-flex-center |
| Justify Content Space Between | o-flex-between |
| Justify Content Space Around | o-flex-around |
| Justify Content Space Evenly | o-flex-evenly |
| Description | Utility Class |
|---|
| Align Items Start | o-items-start |
| Align Items End | o-items-end |
| Align Items Center | o-items-center |
| Align Items Baseline | o-items-baseline |
| Align Items Stretch | o-items-stretch |
| Description | Utility Class |
|---|
| Align Self Start | o-self-start |
| Align Self End | o-self-end |
| Align Self Center | o-self-center |
| Align Self Baseline | o-self-baseline |
| Align Self Stretch | o-self-stretch |
| Description | Utility Class |
|---|
| Align Content Start | o-content-start |
| Align Content End | o-content-end |
| Align Content Center | o-content-center |
| Align Content Space Between | o-content-between |
| Align Content Space Around | o-content-around |
| Align Content Space Evenly | o-content-evenly |
| Align Content Stretch | o-content-stretch |
| Description | Utility Class |
|---|
| First | o-first |
| Last | o-last |
| Description | Utility Class |
|---|
| Grow 0 | o-grow-0 |
| Grow 1 | o-grow-1 |
| Grow 2 | o-grow-2 |
| Grow 3 | o-grow-3 |
| Description | Utility Class |
|---|
| Shrink 0 | o-shrink-0 |
| Shrink 1 | o-shrink-1 |
| Shrink 2 | o-shrink-2 |
| Shrink 3 | o-shrink-3 |
| Description | Utility Class |
|---|
| Sets flex basis to Content 1 | o-basis-content-1 |
| Sets flex basis to Content 2 | o-basis-content-2 |
| Sets flex basis to Content 3 | o-basis-content-3 |
| Sets flex basis to Header 1 | o-basis-header-1 |
| Sets flex basis to Header 2 | o-basis-header-2 |
| Sets flex basis to Header 3 | o-basis-header-3 |