Syntax

Place Self

Setting align-self and justify-self at the same time.

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

Overview

ClassDeclarations
place-self:align-self|justify-selfplace-self: align-self justify-self;
place-self:autoplace-self: auto;
place-self:normalplace-self: normal;
place-self:baselineplace-self: baseline;
place-self:centerplace-self: center;
place-self:stretchplace-self: stretch;
place-self:startplace-self: start;
place-self:endplace-self: end;
place-self:flex-startplace-self: flex-start;
place-self:flex-endplace-self: flex-end;
place-self:self-startplace-self: self-start;
place-self:self-endplace-self: self-end;

Conditionally apply

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

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.