CSS: layout ​

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

Source: index.ts

Использование ​

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

Примеры ​

html
<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.