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

具有 css 鉤子的 PantokenPlugin

範例

在透過 toCss 組裝 CSS 時新增標誌影像代幣

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