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