Skip to content

pantoken / foundation

foundation

Sperimentale

@pantoken/foundation — tema per Foundation for Sites con i token Instructure.

Foundation è incentrato su Sass, quindi questo pacchetto fornisce due livelli. toFoundationSettings genera un partial Sass in stile _settings che indirizza le variabili di impostazione di Foundation verso var(--instui-*), così una build Sass compila l'aspetto Instructure mantenendo il theming a runtime tramite le stesse custom properties. toFoundationCss genera una sottile sovrapposizione CSS che tematizza le classi compilate comuni (.button, .callout, link) allo stesso modo — utile quando si utilizza il CSS standard di Foundation e si vuole semplicemente sovrapporre i colori Instructure senza ricompilare.

Esempio

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

Interfacce

Variabili

Funzioni

Riferimenti

default

Rinomina e riesporta foundationCss