pantoken / plugins/pantoken/logos/src / logosPlugin

Fungsi: logosPlugin() ​

logosPlugin(options?): PantokenPlugin

Beta

Buat plugin logo.

Hook css menyediakan token gambar --instui-logo-* (sebagai nilai url(data:…)), sehingga stylesheet yang dibangun dengan plugin dapat merujuk ke logo mana pun melalui var().

Parameter ​

options? ​

LogosOptions = {}

LogosOptions.

Mengembalikan ​

PantokenPlugin

Sebuah PantokenPlugin dengan hook css.

Contoh ​

Tambahkan token gambar logo saat merakit CSS melalui 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);