pantoken / stacking
stacking
Béta
@pantoken/plugin-stacking — elnevezett z-index mélységek.
Az InstUI View-je egy rétegzési skálát tesz elérhetővé (deepest, below, above, topmost), így a rétegek előre jelzett módon rakódnak egymásra ahelyett, hogy kézzel hangolt varázsszámokat használnának. Ez a bővítmény kétféleképpen mutatja ezt a skálát: --instui-stacking-<level> tokenokat bocsát ki (konkrét z-index értékekre feloldva a szállított --instui-component-view-stacking-* tokenokból), és egy egyező .instui-stack-<level> segédosztálykészlet.
Mindkét hook definiálva van, így a fogyasztó választja meg a réteget: add a buildTokens-hez, hogy a --instui-stacking-* rekordokat minden kimenetbe sütsd, vagy a toCss-hez (a css hook önmaga definiálja őket, így a .instui-stack-* osztályok önállóak).
Példa
import { toCss } from "@pantoken/css";
import { byTheme } from "@pantoken/tokens";
import { stacking } from "@pantoken/plugin-stacking";
const css = toCss(byTheme("rebrand"), { plugins: [stacking()] });
// :root { --instui-stacking-topmost: … } + .instui-stack-topmost { z-index: … }Interfészek
Változók
Függvények
Hivatkozások
default
A stacking átnevezése és újraexportálása