pantoken-root / foundation

foundation ​

Compatibility ​

Target: Foundation for Sites. Current format: Concrete Sass settings + variable-backed CSS overlay. Minimum host version: 6.1.2. Tested through 6.9.0. Newer releases require review.

Full compatibility matrix

Thử nghiệm

@pantoken/foundation — chủ đề Foundation for Sites đầu ra Sass và các lớp CSS chung.

Foundation ưu tiên Sass, vì vậy gói này cung cấp hai lớp. toFoundationSettings phát ra một _settings-style partial Sass với các giá trị tái thương hiệu chế độ sáng cụ thể để các hàm màu của Foundation có thể biên dịch. toFoundationCss phát ra một lớp phủ CSS mỏng dựa trên biến mà gán chủ đề cho các lớp đã biên dịch chung (.button, .callout, liên kết) theo cách tương tự — hữu ích khi bạn sử dụng CSS Foundation mặc định và chỉ muốn chồng màu Instructure lên trên mà không cần 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