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