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