pantoken / plugins/pantoken/logos/src / logosPlugin

Funció: logosPlugin() ​

logosPlugin(options?): PantokenPlugin

Beta

Crea el connector de logotips.

El ganxo css contribueix els tokens d'imatge --instui-logo-* (com a valors url(data:…)), de manera que una fulla d'estils construïda amb el connector pot fer referència a qualsevol logotip a través de var().

Paràmetres ​

options? ​

LogosOptions = {}

LogosOptions.

Retorna ​

PantokenPlugin

Un PantokenPlugin amb un ganxo css.

Exemple ​

Afegiu els tokens de la imatge del logotip quan assembleu CSS mitjançant 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);