Skip to content

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 — 為 Foundation for Sites 的 Sass 輸出與通用 CSS 類別的主題。

Foundation 以 Sass 為先,因此此套件提供兩層。 toFoundationSettings 會輸出一個 _settings-風格的 Sass partial,包含具體的淺色模式重塑值,讓 Foundation 的顏色函式能夠 編譯。 toFoundationCss 會輸出一個以變數為後盾的薄型 CSS 覆蓋,為常見的已編譯 類別(.button, .callout, 連結)以相同方式主題化)— 當你使用原生的 Foundation CSS 並且只想在上面疊加 Instructure 的色彩而不重新編譯時,這非常有用。

範例 ​

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

介面 ​

變數 ​

函式 ​

參考 ​

default ​

重新命名並重新導出 foundationCss