Flexbox
Align Items
Utilities for sets flex items position along a container's cross axis.
Class
| class | css |
|---|---|
| items-baseline v1.1.1 | align-items: baseline |
| items-start | align-items: flex-start |
| items-center | align-items: center |
| items-end | align-items: flex-end |
| items-stretch | align-items: stretch |
Usage
<!-- Example -->
<y class="flex items-center">
...
</y>Variant
| Variant | Enabled | Responsive |
|---|---|---|
| Default | Yes | Yes |
| Dark Theme | ||
| hover | ||
| group-hover | ||
| focus | ||
| focus-within | ||
| active | ||
| visited | ||
| checked | ||
| disabled |
