CSS: maskglobal

.--mask-overlay — Μια παγκόσμια, διπλή αντιγραφή των τροποποιητών επικάλυψης του συστατικού mask — --mask-overlay, --mask-fullscreen, --mask-blur — χρησιμοποιήσιμη γυμνή ή σε αλυσίδα επάνω σε οποιοδήποτε συστατικό, χωρίς να τυλίγεται μέσα σε στοιχείο .instui-mask.

Source: index.ts

Χρήση

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

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

<button class="instui-button --mask-overlay">…</button>

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

Τροποποιητής	Περιγραφή
.--mask-blur	Θόλωσε ό,τι βρίσκεται πίσω από τη μάσκα με backdrop-filter.
.--mask-fullscreen	Σταθερό στο viewport, καλύπτοντάς το με υψηλό z-index.
.--mask-overlay	Η πλήρης επικάλυψη μάσκας (θέση, κεντράρισμα, φόντο).

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

Token	Τύπος	Τιμή
--instui-component-mask-background-color	<color>	LightDarklight-dark(rgba(255,255,255,0.75), rgba(28,34,43,0.75))