pantoken / renderers/bootstrap/src / toBootstrapCss

函式: toBootstrapCss() ​

toBootstrapCss(options?): string

實驗性

輸出 Bootstrap → Instructure 的 CSS 變數橋接。

參數 ​

options? ​

ToBootstrapCssOptions = {}

ToBootstrapCssOptions.

回傳 ​

string

橋接用的 CSS 字串。

範例 ​

預設 :root 橋接

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

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

將範圍限制至 Bootstrap 的 theme 屬性

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

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