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 |