Cluster
Groups items in such a way that a 'cluster' is created that automatically determines how many items can be on a single row (e.g. tag cloud).
Implementation
<div class="cluster">
...
</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 |
Utility classes
| Class name | Required? | Description |
|---|---|---|
--gap-{z} | Controls the --layout-gap API | |
--start/--end/--center/--stretch | Controls the --layout-align API |