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ö

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

Esimerkit

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

Muokkaajat

Muokkaaja	Kuvaus
.--stack-above	Oletusvirran yläpuolella.
.--stack-below	Oletusvirran alapuolella.
.--stack-deepest	Alin pinoamissyvyys.
.--stack-topmost	Suurin pinoamissyvyys (päällekkäiset näkymät, valikot).

Käytetyt tokenit

Token	Tyyppi	Arvo
--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