pantoken / plugins/pantoken/logos/src / logosPlugin

Funkcja: logosPlugin() ​

logosPlugin(options?): PantokenPlugin

Beta

Utwórz wtyczkę logos.

Hook css dostarcza tokeny obrazu --instui-logo-* (jako wartości url(data:…)), więc arkusz stylów zbudowany z użyciem wtyczki może odwoływać się do dowolnego logo przez var().

Parametry ​

options? ​

LogosOptions = {}

LogosOptions.

Zwraca ​

PantokenPlugin

Wtyczka PantokenPlugin z hakiem css.

Przykład ​

Dodaj tokeny obrazów logo podczas składania CSS za pomocą 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);