Flexbox
Align Content
Utilities for controls how lines are positioned in multi-line flex containers.
Class
| class | css |
|---|---|
| content-start | align-content: flex-start |
| content-center | align-content: center |
| content-end | align-content: flex-end |
| content-between | align-content: space-between |
| content-around | align-content: space-around |
| content-stretch v1.1.1 | align-content: stretch |
Usage
<!-- Example -->
<y class="flex content-around">
...
</y>Variant
| Variant | Enabled | Responsive |
|---|---|---|
| Default | Yes | Yes |
| Dark Theme | ||
| hover | ||
| group-hover | ||
| focus | ||
| focus-visible | ||
| focus-within | ||
| active | ||
| visited | ||
| checked | ||
| disabled |
