pantoken / packages/core/src / cssSyntaxForValue

Funzione: cssSyntaxForValue() ​

cssSyntaxForValue(value): string

Beta

Individua il CSS @property syntax sotto il quale un token concreto dovrebbe registrarsi. I type di Tokens Studio non si mappano 1:1 alla sintassi CSS, quindi il valore viene ispezionato. Restituisce "*" (universale) per qualsiasi elemento che non sia un singolo token tipizzato e computazionalmente indipendente.

Parametri ​

value ​

string

Un valore concreto (nessun var() / light-dark()).

Restituisce ​

string

Il descrittore di sintassi @property.

Esempi ​

Valori a singolo token tipizzati

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

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

Le unità relative al font e i valori complessi ricadono sull'universale

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

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