Grids
A layout pattern to easily create a grid of equal columns.
Implementation
<div class="grid">
...
</div>
API
| Custom property | Default | Description |
|---|---|---|
--layout-gap | 0 | Sets the gap of the targeted element |
--layout-amount | 2 | Sets the number of colums |
Utility classes
| Class name | Required? | Description |
|---|---|---|
--gap-{z} | Controls the --layout-gap API | |
--amount-{z} | Controls the --layout-amount API |