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.