pantoken / packages/core/src / cssSyntaxForValue

Funksjon: cssSyntaxForValue() ​

cssSyntaxForValue(value): string

Beta

Bestem CSS @property syntax som ein konkret token bør registrerast under. Tokens Studio type-ar kartlegg ikkje 1:1 til CSS-syntaks, så verdien blir inspisert. Returnerer "*" (universell) for alt som ikkje er ein einskild, rekneleg og uavhengig typar token.

Parametrar ​

value ​

string

Ei konkret verdi (ikkje var() / light-dark()).

Returnerer ​

string

Syntaksbeskrivaren for @property.

Døme ​

Typiserte einskild-token-verdier

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

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

Font-relative einingar og komplekse verdiar fell tilbake til universell

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

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