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.

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