pantoken / plugins/pantoken/logos/src / logosPlugin

Функция: logosPlugin() ​

logosPlugin(options?): PantokenPlugin

Бета

Создать плагин логотипов.

Хук css добавляет токены изображений --instui-logo-* (как значения url(data:…)), поэтому стилевой файл, собранный с помощью плагина, может ссылаться на любой логотип через var().

Параметры ​

options? ​

LogosOptions = {}

LogosOptions.

Возвращаемое значение ​

PantokenPlugin

Плагин PantokenPlugin с хуком css.

Пример ​

Добавлять токены изображений логотипов при сборке CSS через 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);