CSS: stacking

.--stack-topmost — z-index derinlik yardımcıları — .--stack-<level> (deepest, below, above, topmost) — tek başına veya herhangi bir bileşene zincirlenerek kullanılabilir, böylece katmanlar elle ayarlanmış sayılar yerine öngörülebilir şekilde üst üste biner.

Source: index.ts

Kullanım

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

Örnekler

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

Değiştiriciler

Değiştirici	Açıklama
.--stack-above	Varsayılan akışın üzerinde.
.--stack-below	Varsayılan akışın altında.
.--stack-deepest	En düşük yığılma derinliği.
.--stack-topmost	En yüksek yığılma derinliği (örtüşmeler, menüler).

Tüketilen tokenler

Token	Tür	Değer
--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