CSS: maskglobal ​

.--mask-overlay — En global, dobbel kopi av mask-komponentens overlay‑modifikatorer — --mask-overlay, --mask-fullscreen, --mask-blur — kan brukes alene eller kjedes på hvilken som helst komponent, uten å pakke inn i et .instui-mask‑element.

Source: index.ts

Bruk ​

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

Eksempler ​

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

Modifikatorer ​

ModifikatorBeskrivelse
.--mask-blurSlør det som er bak masken med backdrop-filter.
.--mask-fullscreenFestet til viewporten, dekker den med høy z-index.
.--mask-overlayHele maskeoverlegget (posisjon, sentrering, bakgrunn).

Forbrukte tokens ​

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