Skip to content

CSS: stacking

.--stack-topmost — utilitas kedalaman z-index — .--stack-<level> (deepest, below, above, topmost) — dapat digunakan langsung atau digabungkan ke komponen mana pun, sehingga lapisan menumpuk secara terduga alih-alih dengan angka yang disetel secara manual.

Source: index.ts

Penggunaan

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

Contoh

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

Modifikator

ModifikatorDeskripsi
.--stack-aboveDi atas aliran default.
.--stack-belowDi bawah aliran default.
.--stack-deepestKedalaman tumpukan terendah.
.--stack-topmostKedalaman tumpukan tertinggi (overlay, menu).

Token yang digunakan

TokenTipeNilai
--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