pantoken / foundation

foundation ​

실험적

@pantoken/foundation — Instructure 토큰을 사용하는 Foundation for Sites 테마.

Foundation은 Sass 우선입니다. 따라서 이 패키지는 두 계층을 제공합니다. toFoundationSettings는 _settings 스타일의 Sass 파셜을 내보내어 Foundation의 설정 변수들이 var(--instui-*)를 가리키게 하므로, Sass 빌드는 런타임에서 동일한 사용자 지정 속성으로 테마를 유지하면서 Instructure의 외관을 컴파일합니다. toFoundationCss는 공통으로 컴파일된 클래스들(.button, .callout, 링크)을 동일한 방식으로 테마화하는 얇은 CSS 오버레이를 내보내며 — 기본 Foundation CSS를 그대로 사용하면서 재컴파일 없이 Instructure 색상을 덧입히고 싶을 때 유용합니다.

예제 ​

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

인터페이스 ​

변수 ​

함수 ​

참조 ​

default ​

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