pantoken / plugins/pantoken/logos/src / logosPlugin

関数: logosPlugin()

logosPlugin(options?): PantokenPlugin

ベータ

logos プラグインを作成する。

css フックは --instui-logo-* 画像トークンを（url(data:…) 値として）提供するため、 プラグインでビルドされたスタイルシートは var() を通じて任意のロゴを参照できます。

パラメーター

options?

LogosOptions = {}

LogosOptions.

戻り値

PantokenPlugin

css フックを持つ PantokenPlugin。

例

toCss を通じて CSS を組み立てる際にロゴ画像トークンを追加する

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