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.

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.