pantoken-root / packages/core/src / modifyExpression

Funkcja: modifyExpression() ​

modifyExpression(base, modify): string

Beta

Forma wyrażenia CSS applyModify: ta sama matematyka, ale stosowana do base podczas malowania zamiast do heksu w czasie budowania, więc var(--instui-…) pochodzenie zachowuje się w arkuszu stylów i nadal śledzi to, do czego rozwiąże się ten token (w tym light-dark() para, oraz dowolne przekierowanie w czasie wykonywania pierwotnej wartości, od której pochodzi)).

Składnia kolorów względnych rozwiązuje l na skali 0–100 zarówno w hsl() i lch(), a pominięty kanał alfa dziedziczy wartość po źródle — odpowiada to przepuszczeniu kanału alfa applyModify.

Parametry ​

base ​

string

Kolor bazowy (literalny, var(--token) lub wynik zagnieżdżonej funkcji pomocniczej).

modify ​

TokenModify

Przestrzeń barw, w której działa modyfikator (np. "hsl").

Zwraca ​

string

Wyrażenie color-mix().

Przykład ​

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