Syntax

Align Content

Controlling how multiple rows or columns are aligned along its cross axis.

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

Overview

ClassDeclarations
align-content:valuealign-content: value;
align-content:normalalign-content: normal;
align-content:baselinealign-content: baseline;
align-content:centeralign-content: center;
align-content:stretchalign-content: stretch;
align-content:startalign-content: start;
align-content:endalign-content: end;
align-content:flex-startalign-content: flex-start;
align-content:flex-endalign-content: flex-end;
align-content:space-aroundalign-content: space-around;
align-content:space-betweenalign-content: space-between;
align-content:space-evenlyalign-content: space-evenly;

Conditionally apply

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

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.