Skip to content

pantoken-root / renderers/bootstrap/src / toBootstrapCss

Function: toBootstrapCss() ​

toBootstrapCss(options?): string

Experimental

Emit the Bootstrap → Instructure CSS-variable bridge.

Parameters ​

options? ​

ToBootstrapCssOptions = {}

ToBootstrapCssOptions.

Returns ​

string

The bridging CSS string.

Examples ​

Default :root bridge

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

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

Scope to Bootstrap's theme attribute

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

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