pantoken-root / packages/core/src / modifyExpression

Fall: modifyExpression() ​

modifyExpression(base, modify): string

Beta

The CSS-expression form of applyModify: sömu útreikningar, en beitt á base við málningartíma í stað þess að beita hex við byggingatíma, þannig að var(--instui-…) uppruni lifir áfram inn í stílblaðið og heldur áfram að fylgja því sem tokenið leysist í (þ.m.t. light-dark() par, og hvaða keyrslutímaendurstilling á frumefninu sem það á uppruna sinn frá)).

Relative colour syntax resolves l á kvarðanum 0–100 bæði í hsl() og lch(), og ótilgreind alfa-rás erfir alfa upprunans — sem samsvarar alfa-viðfærslu applyModify.

Færibreytur ​

base ​

string

Grunnliturinn (litrænn, var(--token) eða niðurstaða innfellds hjálparfalls).

modify ​

TokenModify

Litarýmið sem breytirinn starfar í (t.d. "hsl").

Skilar ​

string

Ein color-mix() tjáning.

Dæmi ​

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))"