CSS: stacking
.instui-stack-topmost — z-index depth utilities: .instui-stack-<level> (deepest, below, above, topmost) set z-index from the --instui-stacking-* scale, so layers stack predictably instead of by hand-tuned numbers.
Group: Plugins · Source: generate.ts
Usage
css
@import "@pantoken/plugin-stacking/stacking.css";Examples
html
<div class="instui-stack-topmost">Always on top.</div>Always on top.
Custom properties
| Property | Type | Default | Description |
|---|---|---|---|
--instui-stacking-above | <integer> | 1 | Above the default flow. |
--instui-stacking-below | <integer> | -1 | Below the default flow. |
--instui-stacking-deepest | <integer> | -9999 | The lowest stacking depth. |
--instui-stacking-topmost | <integer> | 9999 | The highest stacking depth (overlays, menus). |