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 — Foundation for Sites의 Sass 출력 및 공통 CSS 클래스용 테마.

Foundation는 Sass를 우선으로 하므로, 이 패키지는 두 가지 레이어를 제공합니다. toFoundationSettings은 Foundation의 색상 함수가 컴파일될 수 있도록 구체적인 라이트 모드 리브랜딩 값을 포함한 _settings 스타일의 Sass partial을 생성합니다. toFoundationCss은 얇은 변수 기반 CSS 오버레이를 생성하여 공통으로 컴파일된 classes (.button, .callout, links)도 동일하게) 에 테마를 적용합니다 — 기본 Foundation CSS 를 사용하는 상태에서 재컴파일하지 않고 Instructure 색상을 위에 덧입히고 싶을 때 유용합니다.

예제 ​

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

인터페이스 ​

변수 ​

함수 ​

참조 ​

default ​

이름을 변경하고 foundationCss를 재내보냅니다