CSS: maskglobal

.--mask-overlay — En global, dubbel kopia av mask-komponentens overlay-modifierare — --mask-overlay, --mask-fullscreen, --mask-blur — kan användas fristående eller kedjad på vilken komponent som helst, utan att kapslas in i ett .instui-mask-element.

Source: index.ts

Användning

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

Exempel

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

Modifierare

Modifierare	Beskrivning
.--mask-blur	Gör det som ligger bakom masken oskarpt med backdrop-filter.
.--mask-fullscreen	Fäst vid viewporten, täcker den med ett högt z-index.
.--mask-overlay	Den fullständiga masköverlagringen (position, centrering, bakgrund).

Förbrukade tokens

Token	Typ	Värde
--instui-component-mask-background-color	<color>	LightDarklight-dark(rgba(255,255,255,0.75), rgba(28,34,43,0.75))