Skip to content

CSS: stacking

.--stack-topmost — z-index djupneverktøy — .--stack-<level> (deepest, below, above, topmost) — kan brukast sjølvstendig eller kjedast på kvar komponent, så lag stablar seg føreseieleg i staden for handjusterte tal.

Source: index.ts

Bruk

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

Døme

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

Modifikatorar

ModifikatorSkildring
.--stack-aboveOver standardflyten.
.--stack-belowUnder standardflyten.
.--stack-deepestDen lågaste stablinga.
.--stack-topmostDen høgaste stablinga (overlegg, menyar).

Token brukt

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