pantoken / plugins/pantoken/logos/src / logosPlugin

ฟังก์ชัน: logosPlugin() ​

logosPlugin(options?): PantokenPlugin

เบต้า

สร้างปลั๊กอินโลโก้.

ฮุค css เพิ่มโทเค็นรูปภาพ --instui-logo-* (ในฐานะค่า url(data:…)) ดังนั้น สไตล์ชีตที่สร้างด้วยปลั๊กอินสามารถอ้างอิงโลโก้ใดๆ ผ่าน var().

พารามิเตอร์ ​

options? ​

LogosOptions = {}

LogosOptions.

คืนค่า ​

PantokenPlugin

เป็น PantokenPlugin ที่มี hook css.

ตัวอย่าง ​

เพิ่มโทเค็นรูปภาพโลโก้เมื่อประกอบ 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);