Skip to content

pantoken / foundation

foundation

Experimental

@pantoken/foundation — tema Foundation for Sites com tokens Instructure.

O Foundation é orientado ao Sass, então este pacote fornece duas camadas. toFoundationSettings gera um partial Sass no estilo _settings que direciona as variáveis de configuração do Foundation para var(--instui-*), portanto uma compilação Sass produz a aparência Instructure enquanto mantém a tematização em tempo de execução por meio das mesmas propriedades personalizadas. toFoundationCss gera uma leve sobreposição CSS que aplica tema às classes compiladas comuns (.button, .callout, links) da mesma forma — útil quando você consome o CSS padrão do Foundation e só quer aplicar as cores Instructure por cima sem recompilar.

Exemplo

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

Interfaces

Variáveis

Funções

Referências

default

Renomeia e reexporta foundationCss