pantoken / foundation

foundation

Experimental

@pantoken/foundation — theme Foundation for Sites with Instructure tokens.

Foundation is Sass-first, so this package ships two layers. toFoundationSettings emits a _settings-style Sass partial that points Foundation's setting variables at var(--instui-*), so a Sass build compiles the Instructure look while keeping runtime theming through the same custom properties. toFoundationCss emits a thin 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

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

Interfaces

• ToFoundationSettingsOptions
• ToFoundationCssOptions

Variables

• FOUNDATION_TO_INSTUI
• foundationSettings
• foundationCss

Functions

• toFoundationSettings
• toFoundationCss

References

default

Renames and re-exports foundationCss