pantoken-root / packages/core/src / modifyExpression

Mahi: modifyExpression() ​

modifyExpression(base, modify): string

Beta

Ko te āhua CSS-expression o applyModify: ngā tatau ano hoki, engari ka whakamahia ki base i te wā peita hai rānei i te hex i te wā hanga, nō reira ka ora tonu te takenga var(--instui-…) ki roto i te kāwai kākahu ā, ā, ka whai tonu i te aha rānei te tokene e whakatau ai (tae atu ki tētahi light-dark() tūāpapa-ātaahua, me te whakatikatika wā-āheinga o te taketake nāna ia i ahu mai)).

Ka whakatau te wetereo tae āpiti l i runga i te tāra 0–100 i roto i ngā hsl() me lch(), ā, ka whakawhiwhia te hongere alpha kua waiho ki te taenga ake — e hāngai ana ki te whakawhiwhinga-alpha o applyModify.

Ngā Tawhā ​

base ​

string

Te tae turanga (kupu-tūturu, var(--token), rānei he putanga āwhina whakauru).

modify ​

TokenModify

Te wāhi tae e mahi ai te whakarerekē (hei tauira "hsl").

Whakahokia ​

string

He kīanga color-mix().

Tauira ​

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