pantoken / packages/core/src / cssSyntaxForValue

Fall: cssSyntaxForValue() ​

cssSyntaxForValue(value): string

Beta

Ákvarða CSS @property syntax sem tiltekinn tákn ætti að skrá undir. Tokens Studio type passa ekki 1:1 við CSS-sýntaks, svo gildi er skoðað. Skilar "*" (alhliða) fyrir allt sem er ekki eitt, reiknanlega sjálfstætt týpt tákn.

Færibreytur ​

value ​

string

Tiltekið gildi (ekkert var() / light-dark()).

Skilar ​

string

Sýntakslýsing fyrir @property.

Dæmi ​

Týpuð einnota táknagildi

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

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

Leturtengdar einingar og flókin gildi falla aftur á alhliða gildi

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

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