pantoken / foundation

foundation ​

Thử nghiệm

@pantoken/foundation — chủ đề Foundation for Sites với token Instructure.

Foundation ưu tiên Sass, nên gói này cung cấp hai lớp. toFoundationSettings phát sinh một partial Sass kiểu _settings trỏ các biến thiết lập của Foundation tới var(--instui-*), vì vậy quá trình biên dịch Sass tạo giao diện Instructure trong khi vẫn giữ được khả năng đổi theme lúc chạy thông qua cùng các thuộc tính tùy chỉnh. toFoundationCss phát sinh một lớp phủ CSS mỏng để theme các lớp đã biên dịch phổ biến (.button, .callout, liên kết) theo cùng cách — hữu ích khi bạn dùng CSS Foundation mặc định và chỉ muốn phủ màu Instructure lên trên mà không phải biên dịch lại.

Ví dụ ​

ts
import { foundationSettings, foundationCss } from "@pantoken/foundation";
// foundationSettings → a Sass partial; foundationCss → a runtime overlay.

Giao diện ​

Biến ​

Hàm ​

Tham chiếu ​

default ​

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