CSS: stacking

.--stack-topmost — tiện ích độ sâu z-index — .--stack-<level> (deepest, below, above, topmost) — có thể dùng đơn lẻ hoặc xâu vào bất kỳ thành phần nào, để các lớp xếp chồng có thứ tự dự đoán được thay vì dùng các số điều chỉnh thủ công.

Source: index.ts

Sử dụng

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

Các ví dụ

<div class="--stack-topmost">Always on top.</div>

Bộ sửa

Bộ sửa	Mô tả
.--stack-above	Trên luồng mặc định.
.--stack-below	Dưới luồng mặc định.
.--stack-deepest	Độ sâu xếp chồng thấp nhất.
.--stack-topmost	Độ sâu xếp chồng cao nhất (lớp phủ, menu).

Token tiêu thụ

Token	Kiểu	Giá trị
--instui-component-view-stacking-above	<integer>	1
--instui-component-view-stacking-below	<integer>	-1
--instui-component-view-stacking-deepest	<integer>	-9999
--instui-component-view-stacking-topmost	<integer>	9999