CSS: layout

.--display-flex — утиліти відображення та вирівнювання тексту — .--display-<value> і .--text-align-<value> — як композиційні глобальні класи, які можна використовувати самостійно або додавати до будь-якого компонента.

Source: index.ts

Використання

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

Приклади

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

Модифікатори

Модифікатор	Опис
.--display-flex	Встановлює display: flex.
.--display-*	Утиліти відображення: block, inline-block, inline, flex, inline-flex та none.
.--text-align-*	Утиліти вирівнювання тексту: start, center, end та justify.