Skip to content

pantoken / plugins/pantoken/logos/src / logosPlugin

Feidhm: logosPlugin()

logosPlugin(options?): PantokenPlugin

Béite

Cruthaigh an breiseán lógónna.

Cuireann an css hook na tógthóirí íomhá --instui-logo-* leis (mar luachanna url(data:…)), mar sin is féidir le stíleálaí a tógadh leis an breiseán tagairt a dhéanamh do aon lógó trí var().

Paraiméadair

options?

LogosOptions = {}

LogosOptions.

Tuairisceáin

PantokenPlugin

Breiseán PantokenPlugin le hook css.

Sampla

Cuir na tógthóirí íomhá lógó leis nuair atá CSS á tionól trí 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);