CSS: layout

.--display-flex — utilitários de display e alinhamento de texto — .--display-<value> e .--text-align-<value> — como classes globais compostáveis, utilizáveis sozinhas ou encadeadas em qualquer componente.

Source: index.ts

Uso

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

Exemplos

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

Modificadores

Modificador	Descrição
.--display-flex	Define display: flex.
.--display-*	Utilitários de display: block, inline-block, inline, flex, inline-flex e none.
.--text-align-*	Utilitários de alinhamento de texto: start, center, end e justify.