CSS: stacking

.--stack-topmost — narzędzia głębokości z-index — .--stack-<level> (deepest, below, above, topmost) — można używać bezpośrednio lub łączyć z dowolnym komponentem, dzięki czemu warstwy układają się przewidywalnie zamiast polegać na ręcznie dopasowanych liczbach.

Source: index.ts

Użycie

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

Przykłady

<div class="--stack-topmost">Zawsze na wierzchu.</div>

Modyfikatory

Modyfikator	Opis
.--stack-above	Powyżej domyślnego przepływu.
.--stack-below	Poniżej domyślnego przepływu.
.--stack-deepest	Najniższa głębokość nakładania.
.--stack-topmost	Najwyższa głębokość nakładania (nakładki, menu).

Zużyte tokeny

Token	Typ	Wartość
--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