CSS: layout ​

.--display-flex — utiliti paparan dan penjajaran teks — .--display-<value> dan .--text-align-<value> — sebagai kelas global yang boleh disusun, boleh digunakan terus atau disambungkan pada mana-mana komponen.

Source: index.ts

Penggunaan ​

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

Contoh ​

html
<div class="--display-flex --text-align-center">
  <span>One</span>
  <span>Two</span>
</div>

Pemodifikasi ​

PemodifikasiPenerangan
.--display-flexMenetapkan display: flex.
.--display-*Utiliti paparan: block, inline-block, inline, flex, inline-flex, dan none.
.--text-align-*Utiliti penjajaran teks: start, center, end, dan justify.