pantoken / packages/core/src / cssSyntaxForValue

Fungsi: cssSyntaxForValue() ​

cssSyntaxForValue(value): string

Beta

Deteksi CSS @property syntax tempat token konkret harus terdaftar. Tokens Studio type tidak dipetakan 1:1 ke sintaks CSS, jadi nilainya diperiksa. Mengembalikan "*" (universal) untuk apa pun yang bukan token bertipe tunggal yang independen secara komputasi.

Parameter ​

value ​

string

Sebuah nilai konkret (tanpa var() / light-dark()).

Mengembalikan ​

string

Deskriptor sintaks @property.

Contoh ​

Nilai token tunggal bertipe

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

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

Unit relatif font dan nilai kompleks kembali ke universal

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

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