pantoken / packages/core/src / cssSyntaxForValue

Funkcja: cssSyntaxForValue() ​

cssSyntaxForValue(value): string

Beta

Określa składnię CSS @property syntax, pod którą powinien zostać zarejestrowany konkretny token. Tokens Studio type nie odwzorowują się 1:1 na składnię CSS, więc wartość jest analizowana. Zwraca "*" (uniwersalny) dla wszystkiego, co nie jest pojedynczym, obliczeniowo niezależnym typowanym tokenem.

Parametry ​

value ​

string

Konkretna wartość (bez var() / light-dark()).

Zwraca ​

string

Deskryptor składni @property.

Przykłady ​

Typowane wartości pojedynczych tokenów

ts
import { cssSyntaxForValue } from "@pantoken/core";

cssSyntaxForValue("#03893D"); // → "<color>"
cssSyntaxForValue("2px");     // → "<length>"
cssSyntaxForValue("50%");     // → "<percentage>"
cssSyntaxForValue("400");     // → "<integer>"

Jednostki zależne od fontu i wartości złożone domyślnie wracają do uniwersalnego

ts
import { cssSyntaxForValue } from "@pantoken/core";

cssSyntaxForValue("1rem");                     // → "*" (rem isn't computationally independent)
cssSyntaxForValue("Lato, Helvetica, sans-serif"); // → "*"
cssSyntaxForValue("currentColor");             // → "*"