pantoken / plugins/pantoken/logos/src / logosPlugin

Fonction: logosPlugin() ​

logosPlugin(options?): PantokenPlugin

Bêta

Créer le plugin des logos.

Le hook css fournit les jetons d'image --instui-logo-* (comme des valeurs url(data:…)), donc une feuille de style construite avec le plugin peut référencer n'importe quel logo via var().

Paramètres ​

options? ​

LogosOptions = {}

LogosOptions.

Retourne ​

PantokenPlugin

Un PantokenPlugin avec un hook css.

Exemple ​

Ajouter les jetons d'image de logo lors de l'assemblage du 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);