pantoken-root / packages/core/src / modifyExpression

Ֆունկցիա: modifyExpression() ​

modifyExpression(base, modify): string

Բետա

CSS-արտահայտության տարբերակը applyModify: նույն հաշվարկներն են, բայց կիրառվում է base նկարահանման պահին ոչ թե հեքսին կառուցման ժամանակ, այնպես որ var(--instui-…) ծագումը շարունակում է գոյատևել ոճային թերթիկում և հետևում է այն ամենին, ինչին այդ տոքենը վերագրում է (ներառյալ light-dark() զույգը, և ցանկացած

ժամանակակից վերորոշում այն սկզբնաղբյուրի, որի վրա այն հիմնված է)).

Բնակցական գույնի սինտաքսը լուծում է l 0–100 սանդղակում ինչպես hsl(), այնպես էլ lch(), և բաց թողնված ալֆա ալիքը ժառանգում է սկզբնաղբյուրի ալֆան՝ համապատասխանելով applyModify-ի ալֆայի փոխանցմանը.

Պարամետրեր ​

base ​

string

Հիմնական գույնը (ուղղակի արժեք, var(--token) կամ ներկառուցված օգնության ֆունկցիայի արդյունք).

modify ​

TokenModify

Գույնի տարածությունը, որտեղ գործում է մոդիֆիկատորը (օրինակ՝ "hsl").

Վերադարձվող արժեք ​

string

Մի color-mix() արտահայտություն.

Օրինակ ​

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