CSS: maskglobal ​

".--mask-overlay" — A mask komponens overlay-módosítóinak (--mask-overlay, --mask-fullscreen, --mask-blur) globális, kettős másolata — használható önmagában vagy láncolva bármely komponensre, .instui-mask elembe csomagolás nélkül.

Source: index.ts

Használat ​

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

Példák ​

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

Módosítók ​

MódosítóLeírás
.--mask-blurHomályosítsd el a maszk mögött lévő tartalmat a backdrop-filter segítségével.
.--mask-fullscreenA nézetablakhoz rögzítve, magas z-indexen fedi le.
.--mask-overlayTeljes maszk fedvény (pozíció, középre igazítás, háttér).

Fogyasztott tokenek ​

TokenTípusÉrték
--instui-component-mask-background-color<color>LightDarklight-dark(rgba(255,255,255,0.75), rgba(28,34,43,0.75))