CSS: layout ​

.--display-flex — näyttö- ja tekstin tasaus -apuohjelmat — .--display-<value> ja .--text-align-<value> — koostettavina, globaalina luokkina, joita voi käyttää irrallisina tai ketjutettuna mihin tahansa komponenttiin.

Source: index.ts

Käyttö ​

css
@import "@pantoken/components/utilities.css";

Esimerkit ​

html
<div class="--display-flex --text-align-center">
  <span>Yksi</span>
  <span>Kaksi</span>
</div>

Muokkaajat ​

MuokkaajaKuvaus
.--display-flexAsettaa display: flex.
.--display-*Näyttöapuohjelmat: block, inline-block, inline, flex, inline-flex ja none.
.--text-align-*Tekstin tasausapuohjelmat: start, center, end ja justify.