Skip to content

pantoken / plugins/pantoken/logos/src / logosPlugin

Funksjon: logosPlugin()

logosPlugin(options?): PantokenPlugin

Beta

Opprett logos-plugin.

Kroken css legger til --instui-logo-* bilde-tokener (som url(data:…) verdier), så et stilark bygget med pluginen kan referere til enhver logo gjennom var().

Parametere

options?

LogosOptions = {}

LogosOptions.

Returnerer

PantokenPlugin

En PantokenPlugin med en css hook.

Eksempel

Legg til logo-bilde-tokener når CSS settes sammen 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);