pantoken / plugins/pantoken/logos/src / logosPlugin

פונקציה: logosPlugin() ​

logosPlugin(options?): PantokenPlugin

בטא

צור את התוסף logos.

ה-hook css תורם את טוקני התמונה --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);