pantoken / plugins/pantoken/logos/src / logosPlugin

Ֆունկցիա: logosPlugin() ​

logosPlugin(options?): PantokenPlugin

Բետա

Ստեղծել logos plugin-ը.

The css hook contributes the --instui-logo-* image tokens (as url(data:…) values), այդ պատճառով plugin-ով կառուցված stylesheet-ը կարող է ցանկացած լոգոյի հղում կատարել var()-ով.

Պարամետրեր ​

options? ​

LogosOptions = {}

LogosOptions.

Վերադարձվող արժեք ​

PantokenPlugin

Մի PantokenPlugin՝ css hook-ով.

Օրինակ ​

Ավելացնել լոգոյի պատկերի տոկենները՝ երբ CSS-ը հավաքվում է 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);