pantoken-root / packages/core/src / cssSyntaxForValue

Hàm: cssSyntaxForValue() ​

cssSyntaxForValue(value): string

Beta

Xác định @property syntax trong CSS mà một token cụ thể nên đăng ký dưới đó. Tokens Studio types không ánh xạ 1:1 tới cú pháp CSS, nên giá trị được kiểm tra. Trả về "*" (chung) cho bất cứ thứ gì không phải là một token kiểu đơn lẻ, độc lập về mặt tính toán.

Tham số ​

value ​

string

Một giá trị cụ thể (không có var() / light-dark()).

Trả về ​

string

Bộ mô tả cú pháp @property.

Các ví dụ ​

Giá trị đơn-token có kiểu

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

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

Đơn vị tương đối phông chữ và các giá trị phức tạp sẽ quay về loại chung

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

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