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

Experimental

@pantoken/foundation — theme Foundation for Sites Sass output and common CSS classes.

Foundation is Sass-first, so this package ships two layers. toFoundationSettings emits a _settings-style Sass partial with concrete light-mode rebrand values so Foundation's colour functions can compile. toFoundationCss emits a thin variable-backed CSS overlay that themes the common compiled classes (.button, .callout, links) the same way — useful when you consume stock Foundation CSS and just want to layer Instructure colors on top without recompiling.

Example ​

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

Interfaces ​

Variables ​

Functions ​

References ​

default ​

Renames and re-exports foundationCss