Flex
Implements a flex container that makes use of the common layout APIs defined in Feo.css.
Implementation
<div class="flex">
...
</div>
API
| Custom property | Default | Description |
|---|
--layout-gap | 0 | Sets the max-width of the targeted element |
--layout-direction | row | Sets the flex-direction of the targeted element |
--layout-align | center | Sets the align-items of the targeted element |
Utility classes
| Class name | Required? | Description |
|---|
--gap-{z} | | Controls the --layout-gap API |
--column/--row | | Controls the --layout-direction API |
--start/--end/--center/--stretch | | Controls the --layout-align API |