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.