CSS: maskglobal

.--mask-overlay — Một bản sao kép toàn cục của các modifier lớp phủ của component mask — --mask-overlay, --mask-fullscreen, --mask-blur — có thể sử dụng trực tiếp hoặc nối vào bất kỳ component nào, mà không cần đóng gói trong một phần tử .instui-mask.

Source: index.ts

Sử dụng

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

Các ví dụ

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

Bộ sửa

Bộ sửa	Mô tả
.--mask-blur	Làm mờ những gì ở phía sau mask bằng backdrop-filter.
.--mask-fullscreen	Cố định vào viewport, che phủ nó với z-index cao.
.--mask-overlay	Lớp phủ mặt nạ đầy đủ (vị trí, căn giữa, nền).

Token tiêu thụ

Token	Kiểu	Giá trị
--instui-component-mask-background-color	<color>	LightDarklight-dark(rgba(255,255,255,0.75), rgba(28,34,43,0.75))