pantoken / packages/core/src / cssSyntaxForValue

Funktio: cssSyntaxForValue() ​

cssSyntaxForValue(value): string

Beta

Tutki, minkä CSS @property syntax alle konkreettinen token pitäisi rekisteröidä. Tokens Studio typet eivät vastaa CSS-syntaksia 1:1, joten arvoa tarkastellaan. Palauttaa "*" (universaali) kaikelle, mikä ei ole yksittäinen, laskennallisesti itsenäinen tyypitetty token.

Parametrit ​

value ​

string

Konkreettinen arvo (ei var() / light-dark()).

Palauttaa ​

string

@property-syntaksikuvaus.

Esimerkit ​

Tyypitetyt yksittäistoken-arvot

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

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

Fonttiin suhteutuvat yksiköt ja monimutkaiset arvot palautuvat universaaliin

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

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