StyleSheet

Registry of InlineStyle rules.

Diagram

100%Ctrl + wheel to zoom

Constructor

new StyleSheet()

Properties

This class exposes no public properties.

Methods

.set(name: string, style: InlineStyle)

Argument	Type	Description
name	string	Rule name or selector.
style	InlineStyle	Inline style instance.

Adds or updates a rule in the stylesheet. Returns this.

.get(name: string)

Returns the InlineStyle for the given name, or undefined.

Argument	Type	Description
name	string	Rule name or selector.

.remove(name: string)

Removes a rule by name. Returns this.

Argument	Type	Description
name	string	Rule name or selector.

.generate()

Generates CSS text for the entire stylesheet.

.toString()

Exports the stylesheet as a string.

Example

Recommended to test it in your browser. The test here might not work properly

import { StyleSheet, InlineStyle } from "@briklab/lib/stylesheet";

const sheet = new StyleSheet();
sheet
  .set("body", new InlineStyle({ margin: "0", padding: "0" }, "boundary"))
  .set(".container", new InlineStyle({ maxWidth: "1200px", margin: "0 auto", color: "teal" }, "boundary"));

console.log(sheet.generate());

import { StyleSheet, InlineStyle } from "@briklab/lib/stylesheet"; const sheet = new StyleSheet(); sheet .set("body", new InlineStyle({ margin: "0", padding: "0" }, "boundary")) .set(".container", new InlineStyle({ maxWidth: "1200px", margin: "0 auto", color: "teal" }, "boundary")); console.log(sheet.generate());

Console

No logs yet.