pantoken / 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

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

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

Scope to Bootstrap's theme attribute

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

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