CSS: layout

.--display-flex — Ngā taputapu whakaatu me te whakatikatika kuputuhi — .--display-<value> me .--text-align-<value> — hei akomanga ā-ao e taea te whakakotahi, ka taea te whakamahi wehe, ka herea rānei ki runga i tētahi wahanga.

Source: index.ts

Ngā Whakamahi

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

Ngā tauira

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

Ngā Kaitī

Kaiwhakatikatika	Whakamārama
.--display-flex	E tautuhi ana i te display: flex.
.--display-*	Ngā taputapu whakaatu: block, inline-block, inline, flex, inline-flex me none.
.--text-align-*	Ngā taputapu whakatikatika kuputuhi: start, center, end me justify.