pantoken / foundation

foundation ​

Experimentell

@pantoken/foundation — Theme Foundation for Sites mit Instructure-Token.

Foundation ist Sass-first, daher liefert dieses Paket zwei Schichten. toFoundationSettings erzeugt ein _settings-artiges Sass-Partial, das Foundations Einstellungsvariablen auf var(--instui-*) verweist, sodass ein Sass-Build das Instructure-Aussehen kompiliert und gleichzeitig das Runtime-Themeing über dieselben Custom-Properties beibehält. toFoundationCss erzeugt eine dünne CSS-Überlagerung, die die gängigen kompilierten Klassen (.button, .callout, links) auf die gleiche Weise thematisiert — nützlich, wenn man das Standard-Foundation-CSS verwendet und lediglich Instructure-Farben darüberlegen möchte, ohne neu zu kompilieren.

Beispiel ​

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

Schnittstellen ​

Variablen ​

Funktionen ​

Referenzen ​

default ​

Bennent foundationCss um und exportiert es neu.