CSS: maskglobal ​

.--mask-overlay — maailmanlaajuinen, kaksinkertainen kopio mask-komponentin overlay-muokkaimista — --mask-overlay, --mask-fullscreen, --mask-blur — käytettävissä paljaana tai ketjutettuna mihin tahansa komponenttiin ilman .instui-mask-elementtiin käärittämistä.

Source: index.ts

Käyttö ​

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

Esimerkit ​

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

Muokkaajat ​

MuokkaajaKuvaus
.--mask-blurSumeuta maskin takana oleva backdrop-filterillä.
.--mask-fullscreenKiinnitetty viewportiin, peittäen sen korkealla z-indexillä.
.--mask-overlayTäydellinen maskin overlay (sijainti, keskitys, tausta).

Käytetyt tokenit ​

TokenTyyppiArvo
--instui-component-mask-background-color<color>LightDarklight-dark(rgba(255,255,255,0.75), rgba(28,34,43,0.75))