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-within | ||
active | ||
visited | ||
checked | ||
disabled |