Syntax

Justify Self

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

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

Overview

ClassDeclarations
justify-self:valuejustify-self: value;
justify-self:autojustify-self: auto;
justify-self:normaljustify-self: normal;
justify-self:baselinejustify-self: baseline;
justify-self:leftjustify-self: left;
justify-self:centerjustify-self: center;
justify-self:rightjustify-self: right;
justify-self:stretchjustify-self: stretch;
justify-self:startjustify-self: start;
justify-self:endjustify-self: end;
justify-self:flex-startjustify-self: flex-start;
justify-self:flex-endjustify-self: flex-end;
justify-self:self-startjustify-self: self-start;
justify-self:self-endjustify-self: self-end;

Conditionally apply

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

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.