Skip to content

pantoken-root / transition

transition ​

Beta

@pantoken/plugin-transition — --instui-transition-duration/--instui-transition-timing táknin á bak við InstUI's Transition hjálpartæki.

Sjálft CSS-ið (grunnreglan .instui-transition auk stöðuflokkanna fade/scale/slide-*) er nú í eigin transition hjálpartæki hjá @pantoken/components; þetta viðbótarkerfi innbakar aðeins tvö tíma/lengdartákn inn í token-IR fyrir neytendur sem nota beint lægra stigs @pantoken/css + @pantoken/tokens pípunna.

Dæmi ​

ts
import { buildTokens } from "@pantoken/core/build";
import { transition } from "@pantoken/plugin-transition";

const tokens = buildTokens({ theme: "rebrand", plugins: [transition()] });
// → includes --instui-transition-duration: 300ms, --instui-transition-timing: ease-in-out

Viðmót ​

Föll ​

Tilvísanir ​

default ​

Endurnefnir og endurflytur transition