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 propertyDefaultDescription
--layout-gap0Sets the gap of the targeted element
--layout-aligncenterSets the align-items of the targeted element
--layout-directionrowSets the flex-direction of the targeted element

Utility classes

Class nameRequired?Description
--gap-{z}Controls the --layout-gap API
--column/--rowControls the --layout-direction API
--start/--end/--center/--stretchControls the --layout-align API