Skip to content

CSS: stacking

.--stack-topmost — sèvis utilitè pwofondè z-index — .--stack-<level> (deepest, below, above, topmost) — ka itilize endepandan oswa chèn sou nenpòt konpozan, konsa kouch yo ranje previzibman olye de nimewo ajiste manyèlman.

Source: index.ts

Itilizasyon

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

Egzanp

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

Modifikatè

ModifikatèDeskripsyon
.--stack-aboveAnwo koule default la.
.--stack-belowAnba koule default la.
.--stack-deepestPwofondè pil ki pi ba a.
.--stack-topmostPwofondè pil ki pi wo a (kouch sipèpoze, meni).

Tokens konsome

TokenTipValè
--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