pantoken / plugins/pantoken/logos/src / logosPlugin

دالة: logosPlugin() ​

logosPlugin(options?): PantokenPlugin

بيتا

إنشاء مكوّن إضافي للشعارات.

يقوم الـ css hook بإضافة رموز الصور --instui-logo-* (كقِيَم url(data:…))، لذا يمكن لورقة الأنماط المنشأة باستخدام الإضافة الإشارة إلى أي شعار عبر var().

المعلمات ​

options? ​

LogosOptions = {}

LogosOptions.

القيم المرجعة ​

PantokenPlugin

إضافة PantokenPlugin مع هوك css.

مثال ​

أضف رموز صور الشعار عند تجميع CSS عبر toCss

ts
import { toCss } from "@pantoken/css";
import { byTheme } from "@pantoken/tokens";
import { logosPlugin } from "@pantoken/plugin-logos";

const css = toCss(byTheme("rebrand"), { plugins: [logosPlugin()] });
// then in CSS: background-image: var(--instui-logo-instructure-horizontal-full-color);