Syntax
place-self
Setting align-self and justify-self at the same time.
Overview
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 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>