CSS: stacking

.--stack-topmost — utiliti kedalaman z-index — .--stack-<level> (deepest, below, above, topmost) — boleh digunakan begitu sahaja atau disusun berantai pada mana-mana komponen, supaya lapisan bertindih secara boleh diramal dan bukannya menggunakan nombor yang diselaraskan secara manual.

Source: index.ts

Penggunaan

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

Contoh

<div class="--stack-topmost">Sentiasa di atas.</div>

Pemodifikasi

Pemodifikasi	Penerangan
.--stack-above	Di atas aliran lalai.
.--stack-below	Di bawah aliran lalai.
.--stack-deepest	Kedalaman timbunan terendah.
.--stack-topmost	Kedalaman timbunan tertinggi (lapisan tindih, menu).

Token digunakan

Token	Jenis	Nilai
--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