CSS: mask

.instui-mask — clúdach istreama a líonann a thuismitheoir atá suiteáilte agus a láríonn a chuid ábhar — m.sh. spinner os cionn cárta. Do mhodal, roghnaigh <dialog> dúchais (is é a ::backdrop an masc). Tá gach ceann de na modhnóirí seo ar fáil go domhanda freisin (naked, nó slánaithe ar aon chomhpháirt eile) — féach an uirlis ghlobal mask.

Source: mask.css

Úsáid

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

Samplaí

<div style="position: relative">
  <div class="instui-mask">
    <span class="instui-spinner"></span>
  </div>
</div>

Modhnóirí

Modhnóir	Cur síos
.-blur	Déan doiléiriú ar an gcúlra taobh thiar den masc le backdrop-filter.
.-fullscreen	Daingnithe don fhuinneog amhairc, é a chlúdach ag z-index ard.

Tóicíní a úsáideadh

Token	Cineál	Luach
--instui-component-mask-background-color	<color>	LightDarklight-dark(rgba(255,255,255,0.75), rgba(28,34,43,0.75))