pantoken / packages/core/src / cssSyntaxForValue

Függvény: cssSyntaxForValue()

cssSyntaxForValue(value): string

Béta

Érzékelje a CSS @property syntax amelyet egy konkrét tokennek regisztrálnia kell. A Tokens Studio typek nem képezik le 1:1-et CSS szintaxisra, így az érték meg van vizsgálva. Visszaadja "*" (univerzális) értéket bármi számára, amely nem egyetlen, számítási szempontból független beírt token.

Paraméterek

value

string

Egy konkrét érték (nincs var() / light-dark()).

Visszatérés

string

A @property szintaxis leíró.

Példák

Gépelt egyszeri token értékek

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

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

A betűtípus-relatív egységek és összetett értékek az univerzálisra esnek vissza

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

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