Skip to content

pantoken / foundation

foundation

تجربی

@pantoken/foundation — تم Foundation for Sites با توکن‌های Instructure.

Foundation ابتدا برای Sass طراحی شده، بنابراین این بسته دو لایه منتشر می‌کند. toFoundationSettings یک بخش جزئی Sass به سبک _settings تولید می‌کند که متغیرهای تنظیمات Foundation را به var(--instui-*) اشاره می‌دهد، پس یک ساخت Sass ظاهر Instructure را هنگام حفظ theming زمان اجرا از طریق همان ویژگی‌های سفارشی کامپایل می‌کند. toFoundationCss یک لایه نازک CSS تولید می‌کند که کلاس‌های متداول کامپایل‌شده (.button, .callout, links) را به همان شیوه تم می‌کند — مفید وقتی که از CSS پیش‌فرض Foundation استفاده می‌کنید و صرفاً می‌خواهید رنگ‌های Instructure را بدون دوباره‌کامپایل کردن روی آن قرار دهید.

نمونه

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

رابط‌ها

متغیرها

توابع

ارجاعات

default

تغییر نام داده و دوباره صادر می‌کند foundationCss