Package

Runtime

The core syntax parsing and runtime engine of Master CSS.

npm i @master/css-runtime

API Reference

The Runtime extends the MasterCSS and only works in the browser environment.

import CSSRuntime from '@master/css-runtime'const cssRuntime = new CSSRuntime(config)

All objects instantiated via new WeakMap().

Default	`[]`
Type	`WeakMap<Document \| ShadowRoot, CSSRuntime>`

Observe the root element.

Default	`document`
Type	`Document` `ShadowRoot`

Observe the root's host element, usually this.root.host or document.documentElement.

Default	`auto` ( Read Only )
Type	`Element`

Container for inserting style <style>.

Default	`auto` ( Read Only )
Type	`HTMLElement` `ShadowRoot`

Observation state. true after .observe(); false after .disconnect().

Default	`auto` ( Read Only )
Type	`boolean`

Observe the class attribute changes of this.root and all descendant elements.

Argument	Type	Default
`return`	`this`	`-`

Cancel the previous .observe() of this.root.

Argument	Type	Default
`options?`	`MutationObserverInit`	`{ subtree: true, childList: true }`
`return`	`this`	`-`

Refresh the Master Runtime CSS with the configuration.

Argument	Type	Default
`config?`	`Config`	`this.customConfig`
`return`	`this`	`-`

Clear all rules and styles and reset to initial.

Argument	Type	Default
`return`	`this`	`-`

Destroy and remove the current instance from globalThis.cssRuntimes.

Argument	Type	Default
`return`	`this`	`-`

Record the registered root document Runtime CSS instance; the field will be recorded only after executing css.observe().

Type	`CSSRuntime`

Default	`CSSRuntime`
Type	`typeof CSSRuntime`

Initializes the Master CSS runtime rendering engine.

Argument	Type	Default
`config?`	`Config`	`undefined`
`return`	`MasterCSS`	`-`

import { initCSSRuntime } from '@master/css-runtime'const css = initCSSRuntime()

Equivalent to:

import CSSRuntime from '@master/css-runtime'const cssRuntime = new CSSRuntime().observe()