CSS: stacking

.--stack-topmost — z-index 深度ユーティリティ — .--stack-<level> (deepest, below, above, topmost) — 単体でも任意のコンポーネントにチェーンしても使用できるため、手作業で数値を調整するのではなくレイヤーが予測可能に重なります。

Source: index.ts

使用法

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

例

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

修飾子

修飾子	説明
.--stack-above	デフォルトのフローより上。
.--stack-below	デフォルトのフローより下。
.--stack-deepest	最も低いスタッキング深度。
.--stack-topmost	最も高いスタッキング深度（オーバーレイ、メニュー）。

使用トークン

Token	型	値
--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