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