Center
Places the targeted element in the horizontal center. It takes the entire available horizontal space, until it hits its set max-width set through the --threshold-{z} class utilities.
Implementation
<div class="center --threshold-{z}">
...
</div>
API
| Custom property | Default | Description |
|---|---|---|
--layout-threshold | 100% | Sets the max-width of the targeted element |
Utility classes
| Class name | Required? | Description |
|---|---|---|
--threshold-{z} | Required | Controls the --layout-threshold API |