pantoken / renderers/bootstrap/src / toBootstrapCss

関数: toBootstrapCss()

toBootstrapCss(options?): string

実験的

Bootstrap → Instructure の CSS カスタムプロパティ（変数）ブリッジを出力します。

パラメーター

options?

ToBootstrapCssOptions = {}

ToBootstrapCssOptions.

戻り値

string

ブリッジ用の CSS 文字列。

例

デフォルトの :root ブリッジ

import { toBootstrapCss } from "@pantoken/bootstrap";

const css = toBootstrapCss();
// ":root { --bs-primary: var(--instui-color-background-brand); … }"

Bootstrap の theme 属性にスコープする

import { toBootstrapCss } from "@pantoken/bootstrap";

const css = toBootstrapCss({ selector: "[data-bs-theme]" });