CSS: layout ​

.--display-flex — Utilità di display e di allineamento del testo — .--display-<value> e .--text-align-<value> — come classi globali componibili, utilizzabili da sole o concatenate a qualsiasi componente.

Source: index.ts

Uso ​

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

Esempi ​

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

Modificatori ​

ModificatoreDescrizione
.--display-flexImposta display: flex.
.--display-*Utilità di display: block, inline-block, inline, flex, inline-flex e none.
.--text-align-*Utilità di allineamento del testo: start, center, end e justify.