pantoken / packages/core/src / cssSyntaxForValue

Συνάρτηση: cssSyntaxForValue() ​

cssSyntaxForValue(value): string

Βήτα

Ανιχνεύει το CSS @property syntax κάτω από το οποίο θα πρέπει να καταχωρηθεί ένα συγκεκριμένο token. Τα Tokens Studio type δεν αντιστοιχούν 1:1 στη σύνταξη CSS, οπότε η τιμή εξετάζεται. Επιστρέφει "*" (καθολικό) για οτιδήποτε δεν είναι ένα μεμονωμένο, υπολογιστικά ανεξάρτητο τυποποιημένο token.

Παράμετροι ​

value ​

string

Μια συγκεκριμένη τιμή (χωρίς var() / light-dark()).

Επιστρέφει ​

string

Ο περιγραφέας σύνταξης @property.

Παραδείγματα ​

Τυποποιημένες τιμές ενός token

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