pantoken / plugins/pantoken/logos/src / logosPlugin

Συνάρτηση: logosPlugin()

logosPlugin(options?): PantokenPlugin

Βήτα

Δημιουργήστε το plugin λογοτύπων.

Το hook css προσθέτει τα tokens εικόνας --instui-logo-* (ως τιμές url(data:…)), έτσι ένα φύλλο στυλ που δημιουργείται με το plugin μπορεί να αναφέρεται σε οποιοδήποτε λογότυπο μέσω var().

Παράμετροι

options?

LogosOptions = {}

LogosOptions.

Επιστρέφει

PantokenPlugin

Ένα PantokenPlugin με ένα css hook.

Παράδειγμα

Προσθέστε τα tokens εικόνας λογοτύπου όταν συνθέτετε το CSS μέσω toCss

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