CSS: layout ​

.--display-flex — Megjelenítési és szövegigazítási segédosztályok — .--display-<value> és .--text-align-<value> — összetételre alkalmas, globális osztályokként, önállóan vagy bármely komponensre láncolva használhatók.

Source: index.ts

Használat ​

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

Példák ​

html
<div class="--display-flex --text-align-center">
  <span>Egy</span>
  <span>Kettő</span>
</div>

Módosítók ​

MódosítóLeírás
.--display-flexBeállítja a display: flex értékét.
.--display-*Megjelenítési segédosztályok: block, inline-block, inline, flex, inline-flex és none.
.--text-align-*Szövegigazítási segédosztályok: start, center, end és justify.