pantoken / packages/core/src / cssSyntaxForValue

函式: cssSyntaxForValue()

cssSyntaxForValue(value): string

Beta（測試）

判斷具體 token 應該登記到哪個 CSS @property syntax。Tokens Studio types 不會與 CSS 語法 1:1 對應，故須檢查其值。對於任何非單一、計算上獨立的類型化 token，會回傳 "*"（通用）。

參數

value

string

具體值（無 var() / light-dark()）。

回傳

string

@property 的語法描述器。

範例

類型化單一 token 值

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

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

以字體為相對單位與複雜值會回退為通用

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

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