Skip to content

pantoken / plugins/pantoken/logos/src / logosPlugin

Hàm: logosPlugin()

logosPlugin(options?): PantokenPlugin

Beta

Tạo plugin logos.

Hook css đóng góp các token hình ảnh --instui-logo-* (dưới dạng giá trị url(data:…)), nên một bảng định kiểu được tạo bằng plugin có thể tham chiếu bất kỳ logo nào thông qua var().

Tham số

options?

LogosOptions = {}

LogosOptions.

Trả về

PantokenPlugin

Một PantokenPlugin với một hook css.

Ví dụ

Thêm các token hình ảnh logo khi lắp ráp CSS thông qua 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);