Flexbox

Align Self

Utilities for controls how an individual flex item is positioned along container's cross axis.


Class

classcss
self-autoalign-self: auto
self-baseline v1.1.1align-self: baseline
self-startalign-self: flex-start
self-centeralign-self: center
self-endalign-self: flex-end
self-stretchalign-self: stretch

Usage

<!-- Example -->
<y class="flex self-center">
...
</y>

Variant

VariantEnabledResponsive
DefaultYesYes
Dark Theme
hover
group-hover
focus
focus-within
active
visited
checked
disabled