pantoken / plugins/pantoken/logos/src / logosPlugin

Funktion: logosPlugin() ​

logosPlugin(options?): PantokenPlugin

Beta

Erstelle das Logos-Plugin.

Der css-Hook liefert die --instui-logo-* Bild-Token (als url(data:…)-Werte), sodass ein mit dem Plugin erstelltes Stylesheet jedes Logo über var() referenzieren kann.

Parameter ​

options? ​

LogosOptions = {}

LogosOptions.

Rückgabe ​

PantokenPlugin

Ein PantokenPlugin mit einem css-Hook.

Beispiel ​

Füge die Logo-Bild-Token hinzu, wenn CSS über toCss zusammengestellt wird

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);