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 を第一に設計しているため、このパッケージは 2 層を提供します。 toFoundationSettings は具体的なライトモードのリブランド値を含む a _settingsスタイルの Sass パーシャルを出力し、Foundation のカラーファンクションが コンパイルできるようにします。 toFoundationCss は薄い変数ベースの CSS オーバーレイを出力して、共通のコンパイル済み クラス(.button, .callout, links)を同様に)にテーマを適用します — ストックの Foundation CSS を利用し、再コンパイルせずに Instructure の色を上から重ねたい場合に便利です。

例 ​

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

インターフェース ​

変数 ​

関数 ​

参照 ​

default ​

foundationCss の名前を変更して再エクスポートします。