Pancake
A common vertical pattern where the center content should stretch the available space, pushing the top and bottom to, well, the top and bottom.
Implementation
<div class="pancake">
...
</div>
API
| Custom property | Default | Description |
|---|---|---|
--layout-gap | 0 | Sets the gap of the targeted element |
Utility classes
| Class name | Required? | Description |
|---|---|---|
--gap-{z} | Controls the --layout-gap API |