pantoken / packages/core/src / cssSyntaxForValue

関数: cssSyntaxForValue()

cssSyntaxForValue(value): string

ベータ

どのCSS @property syntax の下に具体的なトークンを登録すべきかを判別します。Tokens Studio type はCSS構文と1:1で対応しないため、値を検査します。単一で計算的に独立した型付きトークンでないものには "*"（ユニバーサル）を返します。

パラメーター

value

string

具体的な値（var() / light-dark() ではない）。

戻り値

string

@property の構文記述子。

例

型付きの単一トークン値

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