CSS: maskglobal ​

.--mask-overlay — mask կոմպոնենտի overlay մոդիֆիկատորների գլոբալ, կրկնակի պատճենը — --mask-overlay, --mask-fullscreen, --mask-blur — հնարավոր է օգտագործել առանձին կամ շղթայված՝ ցանկացած կոմպոնենտի վրա, առանց այն փաթաթելու .instui-mask տարրով.

Source: index.ts

Օգտագործում ​

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

Օրինակներ ​

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

Մոդիֆիկատորներ ​

ՄոդիֆիկատորՆկարագիր
.--mask-blurՄասկի հետեւում գտնվողը աղավաղելու համար օգտագործեք backdrop-filter։
.--mask-fullscreenՖիքսված է viewport‑ի նկատմամբ՝ այն ծածկում է բարձր z‑index‑ով։
.--mask-overlayԱմբողջական դիմակի օվերլեյը (տեղակայություն, կենտրոնացում, ֆոն).

Ցուցիչներ սպառված ​

TokenՏիպԱրժեք
--instui-component-mask-background-color<color>LightDarklight-dark(rgba(255,255,255,0.75), rgba(28,34,43,0.75))