pantoken / plugins/pantoken/logos/src / logosPlugin

फंक्शन: logosPlugin() ​

logosPlugin(options?): PantokenPlugin

बीटा

logos प्लगइन बनाएं।

css हुक --instui-logo-* इमेज टोकन (url(data:…) मानों के रूप में) प्रदान करता है, इसलिए प्लगइन के साथ बनी एक स्टाइलशीट var() के माध्यम से किसी भी लोगो को संदर्भित कर सकती है।

पैरामीटर ​

options? ​

LogosOptions = {}

LogosOptions.

वापसी ​

PantokenPlugin

एक PantokenPlugin जिसमें css हुक है।

उदाहरण ​

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