pantoken / plugins/pantoken/logos/src / logosPlugin

Funzione: logosPlugin()

logosPlugin(options?): PantokenPlugin

Beta

Crea il plugin per i loghi.

L'hook css fornisce i token immagine --instui-logo-* (come valori url(data:…)), quindi un foglio di stile creato con il plugin può fare riferimento a qualsiasi logo tramite var().

Parametri

options?

LogosOptions = {}

LogosOptions.

Restituisce

PantokenPlugin

Un PantokenPlugin con un hook css.

Esempio

Aggiungi i token immagine del logo durante l'assemblaggio del CSS tramite toCss

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