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.