pantoken / plugins/pantoken/logos/src / logosPlugin

Função: logosPlugin() ​

logosPlugin(options?): PantokenPlugin

Beta

Criar o plugin de logotipos.

O hook css fornece os tokens de imagem --instui-logo-* (como valores url(data:…)), portanto uma folha de estilo construída com o plugin pode referenciar qualquer logotipo através de var().

Parâmetros ​

options? ​

LogosOptions = {}

LogosOptions.

Retorna ​

PantokenPlugin

Um PantokenPlugin com um hook css.

Exemplo ​

Adicionar os tokens de imagem do logotipo ao montar o 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);