pantoken / foundation

foundation ​

實驗性

@pantoken/foundation — 為使用 Instructure 代幣的 Foundation for Sites 提供主題。

Foundation 以 Sass 為主，因此此套件提供兩層。toFoundationSettings 會匯出一個 _settings 風格的 Sass partial，將 Foundation 的設定變數指向 var(--instui-*)，如此一來 Sass 建置會產生 Instructure 的外觀，同時在執行時仍透過相同的自訂屬性維持主題化。toFoundationCss 則匯出一個薄薄的 CSS 覆蓋層，會以相同方式為常見的已編譯類別（.button、.callout、連結）套用主題——當你使用原生的 Foundation CSS 並只想在不重新編譯的情況下套用 Instructure 顏色時，這會很有用。

範例 ​

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

介面 ​

變數 ​

函式 ​

參考 ​

default ​

重新命名並重新導出 foundationCss