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

Експериментальний

@pantoken/foundation — тема для вихідного Sass Foundation for Sites та загальних CSS-класів.

Foundation спочатку орієнтований на Sass, тому цей пакет постачає два рівні. toFoundationSettings генерує частковий Sass у стилі _settings з конкретними значеннями ребрендингу для світлого режиму, щоб колірні функції Foundation могли скомпілюватися. toFoundationCss створює тонкий CSS-шар, що підтримується змінними, який задає тему для скомпільованих загальних класів (.button, .callout, посилання) таким же чином — корисно, коли ви використовуєте штатний Foundation CSS і просто хочете накласти кольори Instructure зверху без перекомпіляції.

Приклад ​

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

Інтерфейси ​

Змінні ​

Функції ​

Посилання ​

default ​

Перейменовує та реекспортує foundationCss