Equal
Makes a wrapper fill the available space and makes all the children equal size within that space. Does not wrap.
Implementation
<div class="equal">
...
</div>
API
| Custom property | Default | Description |
|---|
--layout-gap | 0 | Sets the gap of the targeted element |
--layout-align | center | Sets the align-items of the targeted element |
--layout-direction | row | Sets the flex-direction 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 |