CSS: maskglobal
.--mask-overlay — A(z) mask komponens overlay módosítóinak egy globális, kettős másolata — --mask-overlay, --mask-fullscreen, --mask-blur — önállóan vagy bármely komponenshez láncolva használható, anélkül, hogy .instui-mask elembe kellene csomagolni.
Forrás: 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-blur | Homályosítsa el a maszk mögötti dolgokat egy háttérszűrővel. |
.--mask-fullscreen | Rögzített a nézőablakhoz, nagy z-index értékkel. |
.--mask-overlay | A teljes maszkrátét (pozíció, középre igazítás, háttér). |
Felhasznált tokenek
| Token | Típus | Érték |
|---|---|---|
--instui-component-mask-background-color | <color> | LightDarklight-dark(rgba(255,255,255,0.75), rgba(28,34,43,0.75)) |