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-flexdisplay: flex を設定します。
.--display-*表示ユーティリティ: block, inline-block, inline, flex, inline-flex, および none。
.--text-align-*テキスト揃えユーティリティ: start, center, end, および justify。