Syntax

Align Self

Controlling how an individual item is aligned along its cross axis.

🚧This page is still under construction and some content may not be complete.

Overview

ClassDeclarations
align-self:valuealign-self: value;
align-self:autoalign-self: auto;
align-self:normalalign-self: normal;
align-self:baselinealign-self: baseline;
align-self:centeralign-self: center;
align-self:stretchalign-self: stretch;
align-self:startalign-self: start;
align-self:endalign-self: end;
align-self:flex-startalign-self: flex-start;
align-self:flex-endalign-self: flex-end;
align-self:self-startalign-self: self-start;
align-self:self-endalign-self: self-end;

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

<div class="align-self:auto:hover align-self:auto@sm align-self:auto@dark align-self:auto@print"></div>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.