pantoken / packages/core/src / cssSyntaxForValue

تابع: cssSyntaxForValue() ​

cssSyntaxForValue(value): string

بتا

تشخیص دهید که CSS @property syntax تحت کدام مورد یک توکن مشخص باید ثبت شود. موجودیت‌های type در Tokens Studio به‌صورت یک‌به‌یک به نحو 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");             // → "*"