Skip to content

CSS: stacking

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

Source: index.ts

Χρήση

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

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

html
<div class="--stack-topmost">Always on top.</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