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 ​

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

Przykłady ​

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

Modyfikatory ​

ModyfikatorOpis
.--stack-abovePowyżej domyślnego przepływu.
.--stack-belowPoniżej domyślnego przepływu.
.--stack-deepestNajniższa głębokość nakładania.
.--stack-topmostNajwyższa głębokość nakładania (nakładki, menu).

Zużyte tokeny ​

TokenTypWartość
--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