CSS: stacking ​

.--stack-topmost — ابزارهای عمق z-index — .--stack-<level> (deepest, below, above, topmost) — قابل استفاده به‌تنهایی یا به‌صورت زنجیره‌شده روی هر کامپوننت، تا لایه‌ها به‌صورت قابل پیش‌بینی روی هم قرار گیرند به‌جای اعداد تنظیم‌شده دستی.

Source: index.ts

نحوه استفاده ​

css
@import "@pantoken/components/utilities.css";

نمونه‌ها ​

html
<div class="--stack-topmost">Always on top.</div>

تعدیل‌کننده‌ها ​

تعدیل‌کنندهتوضیحات
.--stack-aboveبالای جریان پیش‌فرض.
.--stack-belowپایین جریان پیش‌فرض.
.--stack-deepestکمترین عمق چیدمان.
.--stack-topmostبیشترین عمق چیدمان (روکش‌ها، منوها).

توکن‌های مصرف‌شده ​

Tokenنوعمقدار
--instui-component-view-stacking-above<integer>1
--instui-component-view-stacking-below<integer>-1
--instui-component-view-stacking-deepest<integer>-9999
--instui-component-view-stacking-topmost<integer>9999