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。