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