Syntax

Align Items

Controlling how items are aligned along its cross axis.

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

Overview

ClassDeclarations
align-items:alignalign-items: align;
align-items:normalalign-items: normal;
align-items:baselinealign-items: baseline;
align-items:centeralign-items: center;
align-items:stretchalign-items: stretch;
align-items:startalign-items: start;
align-items:endalign-items: end;
align-items:flex-startalign-items: flex-start;
align-items:flex-endalign-items: flex-end;
align-items:self-startalign-items: self-start;
align-items:self-endalign-items: self-end;
align-items:center-contentalign-items: center-content;

Conditionally apply

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

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.