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
Default enabled variants. Read more information about the Responsive and Pseudo-Class Variants.