pantoken-root / packages/core/src / modifyExpression

Swyddogaeth: modifyExpression() ​

modifyExpression(base, modify): string

Bêta

Ffurf mynegiad-CSS o applyModify: yr un mathemateg, ond yn cael ei gymhwyso i base ar adeg paentio yn hytrach nag i hex ar adeg adeiladu, felly mae tarddiad var(--instui-…) yn goroesi i'r ddalen-ar-stiwdio ac yn parhau i olrhain beth bynnag y datrysir y tocyn hwnnw iddo (gan gynnwys pâr light-dark(), ac unrhyw ail-bwyntio amser-rhediad o'r rhifydd y mae'n deillio ohono)).

Mae syntax lliw cymharol yn datrys l ar raddfa 0–100 yn y ddwy hsl() a lch(), ac os cânt hepgori sianel alfa mae'n etifeddu sianel yr origin — sy'n cyfateb i basio alfa applyModify.

Paramedrau ​

base ​

string

Y lliw sylfaen (llythrennol, var(--token), neu ganlyniad cynorthwyydd mewnol).

modify ​

TokenModify

Y gofod lliw y mae'r modiwr yn gweithredu ynddo (er enghraifft "hsl").

Yn dychwelyd ​

string

Mynegiant color-mix().

Enghraifft ​

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