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

ทดลอง

@pantoken/foundation — ธีมเอาต์พุต Sass ของ Foundation for Sites และคลาส CSS ทั่วไป.

Foundation ให้ความสำคัญกับ Sass เป็นหลัก ดังนั้นแพ็กเกจนี้จึงมาพร้อมสองชั้น。 toFoundationSettings ส่งออก partial ของ Sass แบบ _settings-style ที่มีค่า rebrand สำหรับโหมดสว่างอย่างชัดเจน เพื่อให้ฟังก์ชันสีของ Foundation สามารถ compile。 toFoundationCss ส่งออกออบเวอร์เลย์ CSS บางๆ ที่ใช้ตัวแปรเป็นแบ็กกิ้ง ซึ่งตั้งค่าธีมให้กับคลาสที่คอมไพล์ร่วมกัน (.button, .callout, ลิงก์) ในลักษณะเดียวกัน — มีประโยชน์เมื่อคุณใช้งาน Foundation CSS มาตรฐาน และต้องการวางสีของ Instructure ทับด้านบนโดยไม่ต้องคอมไพล์ใหม่.

ตัวอย่าง ​

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

อินเทอร์เฟซ ​

ตัวแปร ​

ฟังก์ชัน ​

การอ้างอิง ​

default ​

เปลี่ยนชื่อและส่งออกซ้ำ foundationCss