pantoken / plugins/pantoken/logos/src / logosPlugin

Functie: logosPlugin() ​

logosPlugin(options?): PantokenPlugin

Bèta

Maak de logos-plugin.

De css hook levert de --instui-logo-* afbeeldingstokens (als url(data:…) waarden), zodat een stylesheet dat met de plugin is opgebouwd elk logo via var() kan aanspreken.

Parameters ​

options? ​

LogosOptions = {}

LogosOptions.

Retourneert ​

PantokenPlugin

Een PantokenPlugin met een css hook.

Voorbeeld ​

Voeg de logo-afbeeldingstokens toe bij het samenstellen van CSS via 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);