Skip to content

CSS: stacking

.--stack-topmost — taputapu hohonu z-index — .--stack-<level> (deepest, below, above, topmost) — ka taea te whakamahi mā te kore here, mā te here rānei ki runga i tētahi waahanga, kia whakatakoto ngā paparanga i runga i te rārangi kei te mārama, kaua e whakawhirinaki ki ngā tau kua whiriwhiria ā-ringa.

Source: index.ts

Ngā Whakamahi

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

Ngā tauira

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

Ngā Kaitī

KaiwhakatikatikaWhakamārama
.--stack-aboveRunga ake i te rerenga taunoa.
.--stack-belowRaro ake i te rerenga taunoa.
.--stack-deepestTe hohonu whakatakoto iti rawa.
.--stack-topmostTe hohonu whakatakoto teitei rawa (ngā uhi, ngā tahua).

Ngā tohu i whakamahia

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