pantoken / css

css ​

Beta

@pantoken/css — phát các token thiết kế Instructure dưới dạng CSS kiểu @property.

toCss chuyển bất kỳ IR token nào thành CSS; css là stylesheet rebrand đã sẵn sàng và leanCss là biến gọn hơn loại bỏ bộ --instui-icon-* đầy đủ (khoảng ~1,777 data-URI biểu tượng chiếm phần lớn stylesheet) cho phân phối qua CDN/nhúng — khoảng một phần sáu kích thước khi truyền. Cả hai đều mang theo nền tảng elevation + focus-outline (thuộc tính tuỳ chỉnh tổng hợp mà các hàm xây dựng thuần của chúng nằm trong @pantoken/utils), nên một stylesheet component giải quyết các shadow và vòng focus của nó chỉ dựa trên bảng token. Một entry side-effect cho DOM nằm ở @pantoken/css/inject; các file tĩnh ở @pantoken/css/style.css và @pantoken/css/style.lean.css.

Giao diện ​

Biến ​

Hàm ​

Tham chiếu ​

default ​

Đổi tên và xuất lại css