CSS: maskglobal ​

.--mask-overlay — globalna, dvojna kopija overlay modifikatorjev komponente mask — --mask-overlay, --mask-fullscreen, --mask-blur — uporabna gola ali vezana na katerokoli komponento, brez ovijanja v element .instui-mask.

Source: index.ts

Uporaba ​

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

Primeri ​

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

Spremenljivke (modifikatorji) ​

ModifikatorOpis
.--mask-blurZameglite ozadje za masko z backdrop-filter.
.--mask-fullscreenPripeto na viewport in ga pokriva z visokim z-indexom.
.--mask-overlayPopolna maska prekrivanja (položaj, centriranje, ozadje).

Porabljeni žetoni ​

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