Skip to content

CSS: stacking

.--stack-topmost — z-index dýptarverkfæri — .--stack-<level> (deepest, below, above, topmost) — hægt að nota stakt eða keðjað á hvaða íhlut sem er, svo lög raðast á fyrirsjáanlegan hátt í stað handfínstilltra talna.

Source: index.ts

Notkun

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

Dæmi

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

Breytingar

BreytiLýsing
.--stack-aboveOfan sjálfgefna flæðisins.
.--stack-belowUndir sjálfgefna flæðinu.
.--stack-deepestLægsta staflunar-dýpt.
.--stack-topmostHæsta staflunar-dýpt (yfirlög, valmyndir).

Notuð tákn

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