Flexbox
Align Self
Utilities for controls how an individual flex item is positioned along container's cross axis.
Class
| class | css |
|---|---|
| self-auto | align-self: auto |
| self-baseline v1.1.1 | align-self: baseline |
| self-start | align-self: flex-start |
| self-center | align-self: center |
| self-end | align-self: flex-end |
| self-stretch | align-self: stretch |
Usage
<!-- Example -->
<y class="flex self-center">
...
</y>Variant
| Variant | Enabled | Responsive |
|---|---|---|
| Default | Yes | Yes |
| Dark Theme | ||
| hover | ||
| group-hover | ||
| focus | ||
| focus-within | ||
| active | ||
| visited | ||
| checked | ||
| disabled |
