pantoken / packages/core/src / cssSyntaxForValue

دالة: cssSyntaxForValue() ​

cssSyntaxForValue(value): string

بيتا

استنباط محددات CSS @property syntax التي يجب أن يُسجَّل تحتها التوكن الملموس. Tokens Studio types لا تتطابق 1:1 مع صيغة CSS، لذا يتم فحص القيمة. تُرجع "*" (عالمية) لأيِّ شيء ليس توكنًا مفردًا مُطبَّقًا بشكل حسابي ومستقل.

المعلمات ​

value ​

string

قيمة ملموسة (بدون var() / light-dark()).

القيم المرجعة ​

string

وصف الصيغة @property.

أمثلة ​

قيم توكن مفردة مُطبَّقة نوعيًا

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

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

الوحدات النسبية للحروف والقيم المعقّدة تعود إلى العالمية

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

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