| Class | Value |
|---|---|
| .ods-flex | display: flex |
| .ods-flex-inline | display: inline-flex |
| Class | Value |
|---|---|
| .ods-flex-direction-row{-breakpoint-medium|large} | flex-direction: row |
| .ods-flex-direction-row-reverse{-breakpoint-medium|large} | flex-direction: row-reverse |
| .ods-flex-direction-column{-breakpoint-medium|large} | flex-direction: column |
| .ods-flex-direction-column-reverse{-breakpoint-medium|large} | flex-direction: column-reverse |
| Class | Value |
|---|---|
| .ods-flex-wrap-nowrap | flex-wrap: nowrap |
| .ods-flex-wrap-wrap | flex-wrap: wrap |
| .ods-flex-wrap-wrap-reverse | flex-wrap: wrap-reverse |
| Class | Value |
|---|---|
| .ods-flex-justify-content-flex-start | justify-content: flex-start |
| .ods-flex-justify-content-flex-end | justify-content: flex-end |
| .ods-flex-justify-content-center | justify-content: center |
| .ods-flex-justify-content-space-between | justify-content: space-between |
| .ods-flex-justify-content-space-around | justify-content: space-around |
| .ods-flex-justify-content-space-evenly | justify-content: space-evenly |
| .ods-flex-justify-content-start | justify-content: start |
| .ods-flex-justify-content-end | justify-content: end |
| .ods-flex-justify-content-left | justify-content: left |
| .ods-flex-justify-content-right | justify-content: right |
| Class | Value |
|---|---|
| .ods-flex-align-content-flex-start | align-content: flex-start |
| .ods-flex-align-content-flex-end | align-content: flex-end |
| .ods-flex-align-content-center | align-content: center |
| .ods-flex-align-content-space-between | align-content: space-between |
| .ods-flex-align-content-space-around | align-content: space-around |
| .ods-flex-align-content-space-evenly | align-content: space-evenly |
| .ods-flex-align-content-stretch | align-content: stretch |
| .ods-flex-align-content-start | align-content: start |
| .ods-flex-align-content-end | align-content: end |
| .ods-flex-align-content-baseline | align-content: baseline |
| Class | Value |
|---|---|
| .ods-flex-align-items-flex-stretch | align-items: flex-stretch |
| .ods-flex-align-items-flex-start | align-items: flex-start |
| .ods-flex-align-items-flex-end | align-items: flex-end |
| .ods-flex-align-items-center | align-items: center |
| .ods-flex-align-items-baseline | align-items: baseline |
| .ods-flex-align-items-start | align-items: start |
| .ods-flex-align-items-end | align-items: end |
| .ods-flex-align-items-self-start | align-items: self-start |
| .ods-flex-align-items-self-end | align-items: self-end |
| Class | Value |
|---|---|
| .ods-flex-align-self-auto | align-self: auto |
| .ods-flex-align-self-flex-start | align-self: flex-start |
| .ods-flex-align-self-flex-end | align-self: flex-end |
| .ods-flex-align-self-center | align-self: center |
| .ods-flex-align-self-baseline | align-self: baseline |
| .ods-flex-align-self-stretch | align-self: stretch |
| Class | Value |
|---|---|
| .ods-flex-grow-0 | flex-grow: 0 |
| .ods-flex-grow-1 | flex-grow: 1 |
| .ods-flex-grow-2 | flex-grow: 2 |
| .ods-flex-grow-3 | flex-grow: 3 |
| .ods-flex-grow-4 | flex-grow: 4 |
| .ods-flex-grow-5 | flex-grow: 5 |
| Class | Value |
|---|---|
| .ods-flex-shrink-0 | flex-shrink: 0 |
| .ods-flex-shrink-1 | flex-shrink: 1 |
| .ods-flex-shrink-2 | flex-shrink: 2 |
| .ods-flex-shrink-3 | flex-shrink: 3 |
| .ods-flex-shrink-4 | flex-shrink: 4 |
| .ods-flex-shrink-5 | flex-shrink: 5 |