pantoken / plugins/pantoken/logos/src / logosPlugin

تابع: logosPlugin() ​

logosPlugin(options?): PantokenPlugin

بتا

پلاگین لوگوها را ایجاد کنید.

هوک css توکن‌های تصویر --instui-logo-* را (به‌عنوان مقادیر url(data:…)) فراهم می‌کند، بنابراین یک stylesheet که با این پلاگین ساخته شده است می‌تواند از طریق 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);