pantoken / plugins/pantoken/logos/src / logosPlugin

함수: logosPlugin()

logosPlugin(options?): PantokenPlugin

베타

로고 플러그인을 만듭니다.

The css 훅은 --instui-logo-* 이미지 토큰들을 (url(data:…) 값으로) 기여하므로, 플러그인으로 빌드된 스타일시트는 var()를 통해 어떤 로고든 참조할 수 있습니다.

매개변수

options?

LogosOptions = {}

LogosOptions.

반환값

PantokenPlugin

PantokenPlugin에 css 훅이 있는.

예제

toCss를 통해 CSS를 조립할 때 로고 이미지 토큰을 추가합니다

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