Skip to content

pantoken / plugins/pantoken/logos/src / logosPlugin

Funkcija: logosPlugin()

logosPlugin(options?): PantokenPlugin

Beta

Ustvari vtičnik za logotipe.

Hook css prispeva --instui-logo-* slikovne tokene (kot vrednosti url(data:…)), zato se slogovna datoteka, sestavljena z vtičnikom, lahko sklicuje na kateri koli logotip preko var().

Parametri

options?

LogosOptions = {}

LogosOptions.

Vrne

PantokenPlugin

En PantokenPlugin z css hook.

Primer

Dodaj slikovne tokene logotipov pri sestavljanju CSS z uporabo 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);