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.

Class	Declarations
`justify-self:value`	`justify-self: value;`
`justify-self:auto`	`justify-self: auto;`
`justify-self:normal`	`justify-self: normal;`
`justify-self:baseline`	`justify-self: baseline;`
`justify-self:left`	`justify-self: left;`
`justify-self:center`	`justify-self: center;`
`justify-self:right`	`justify-self: right;`
`justify-self:stretch`	`justify-self: stretch;`
`justify-self:start`	`justify-self: start;`
`justify-self:end`	`justify-self: end;`
`justify-self:flex-start`	`justify-self: flex-start;`
`justify-self:flex-end`	`justify-self: flex-end;`
`justify-self:self-start`	`justify-self: self-start;`
`justify-self:self-end`	`justify-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>

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.