pantoken-root / packages/core/src / modifyExpression

Függvény: modifyExpression() ​

modifyExpression(base, modify): string

Béta

A CSS-kifejezés formája applyModify: ugyanaz a matematikai művelet, de festéskor kerül alkalmazásra base helyett, nem pedig buildidőben hexre, így egy var(--instui-…) eredet átjut a stíluslapra és tovább követi, hogy az a token mire oldódik fel (beleértve egy light-dark() párt, valamint bármilyen futásidejű átpontozást, amely az abból származó primitívre mutat)).

A relatív színszintaxis l értelmezi az l-t a 0–100 skálán mind hsl(), mind lch(), és egy kihagyott alfa csatorna az eredetét örökli — megegyezve applyModify alfa áthaladó viselkedésével.

Paraméterek ​

base ​

string

Az alapszín (szöveges, var(--token), vagy egy beágyazott segítő eredménye).

modify ​

TokenModify

Az a szín tér, amelyben a módosító működik (pl. "hsl").

Visszatérési érték ​

string

Egy color-mix() kifejezés.

Példa ​

ts
import { modifyExpression } from "@pantoken/core";

modifyExpression("var(--x)", { type: "alpha", value: 0.2, space: "hsl" });
// → "color-mix(in srgb, var(--x) 20%, transparent)"
modifyExpression("var(--x)", { type: "darken", value: 0.1, space: "hsl" });
// → "hsl(from var(--x) h s calc(l * 0.9))"
modifyExpression("var(--x)", { type: "lighten", value: 0.1, space: "hsl" });
// → "hsl(from var(--x) h s calc(l + (100 - l) * 0.1))"