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");             // → "*"