CSS: stacking

.--stack-topmost — βοηθήματα βάθους z-index — .--stack-<level> (deepest, below, above, topmost) — χρησιμοποιείται ως έχει ή αλυσιδωτά σε οποιοδήποτε component, ώστε οι στρώσεις να στοιβάζονται με προβλεψιμότητα αντί για χειρορυθμισμένους αριθμούς.

Source: index.ts

Χρήση

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

Παραδείγματα

<div class="--stack-topmost">Πάντα στην κορυφή.</div>

Τροποποιητές

Τροποποιητής	Περιγραφή
.--stack-above	Πάνω από τη ροή προεπιλογής.
.--stack-below	Κάτω από τη ροή προεπιλογής.
.--stack-deepest	Το χαμηλότερο βάθος στοίβαξης.
.--stack-topmost	Το υψηλότερο βάθος στοίβαξης (επικάλυψεις, μενού).

Καταναλωμένα tokens

Token	Τύπος	Τιμή
--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