CSS: stacking ​

.--stack-topmost — z-index-syvyyden apuohjelmat — .--stack-<level> (deepest, below, above, topmost) — käytettävissä sellaisenaan tai ketjutettuna mihin tahansa komponenttiin, jotta kerrokset pinoutuvat ennakoitavasti sen sijaan, että käytettäisiin käsin säädettyjä numeroita.

Source: index.ts

Käyttö ​

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

Esimerkit ​

html
<div class="--stack-topmost">Aina päällimmäisenä.</div>

Muokkaajat ​

MuokkaajaKuvaus
.--stack-aboveOletusvirran yläpuolella.
.--stack-belowOletusvirran alapuolella.
.--stack-deepestAlin pinoamissyvyys.
.--stack-topmostSuurin pinoamissyvyys (päällekkäiset näkymät, valikot).

Käytetyt tokenit ​

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