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">Selalu di atas.</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