Skip to content

CSS: stacking ​

.--stack-topmost — z-index dáppeheapmi utiliidat — .--stack-<level> (deepest, below, above, topmost) — sáhttet beassat dahje buostut juo komponenttas, nu ahte layers sáhttá staga lohkatvuođaid ovddas geatnegas máŋggabealde nummarat.

Source: index.ts

Buktáhašvuohta ​

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

Exempla ​

html
<div class="--stack-topmost">Juokčamat gávpogis.</div>

Modifisuvnnat ​

ModifisererDescription
.--stack-aboveOaivvi buoremusvirrái.
.--stack-belowÁllu buoremusvirrái.
.--stack-deepestLoahppat stákkan dáppeheapmi.
.--stack-topmostOalá stákkan dáppeheapmi (overlayaid, menuat).

Tokenat gaskkalit ​

TokenTypeVaššun
--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