Skip to content

pantoken / plugins/pantoken/logos/src / logosPlugin

函数: logosPlugin()

logosPlugin(options?): PantokenPlugin

Beta

创建 logos 插件。

css 钩子会贡献 --instui-logo-* 图像令牌(作为 url(data:…) 值),因此 使用该插件构建的样式表可以通过 var() 引用任何徽标。

参数

options?

LogosOptions = {}

LogosOptions.

返回值

PantokenPlugin

一个 PantokenPlugin,具有 css 钩子。

示例

在通过 toCss 汇编 CSS 时添加 logo 图像令牌

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);