pantoken / packages/core/src / cssSyntaxForValue

Fonksiyon: cssSyntaxForValue() ​

cssSyntaxForValue(value): string

Beta

Bir somut tokenin kayıt olması gereken CSS @property syntax'i tespit eder. Tokens Studio type'ler CSS sözdizimine 1:1 eşleşmez, bu yüzden değer incelenir. Tek, hesaplama açısından bağımsız tipli bir token olmayan her şey için "*" (evrensel) döner.

Parametreler ​

value ​

string

Somut bir değer (var() / light-dark() yok).

Döndürür ​

string

@property sözdizimi tanımlayıcısı.

Örnekler ​

Tipli tek-token değerler

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

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

Yazı tipine göre göreceli birimler ve karmaşık değerler evrensele geri döner

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

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