Grid And Flexbox

Place Self

Style syntax for setting align-self and justify-self at the same time.

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

Overview [sr-only]

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 in different states using selectors, media queries, etc.

<div class="place-self:baseline:hover place-self:baseline@sm place-self:baseline@dark place-self:baseline@print"></div>
PREVIOUS
Place Items

Style syntax for setting align-items and justify-items at the same time.

NEXT
Pointer Events

Style syntax for setting whether an element reacts to pointer events.

MIT License © Aoyue Design LLC.