Class StyleSheet

This is used to wrap a CSSStyleSheet to provide convenient methods for styling and 'unstyling' elements.

Example

import { StyleSheet } from 'deleight/sophistry';
const sss = new StyleSheet(css);

Index

Constructors

Properties

Methods

Constructors

constructor

new StyleSheet(cssStyleSheet): StyleSheet
Creates a new Sophistry stylesheet.
Parameters
- cssStyleSheet: CSSStyleSheet
Returns StyleSheet
- Defined in src/sophistry.ts:179

Properties

css

css: CSSStyleSheet

The wrapped CSS stylesheet.

Methods

remove

remove<T>(...elements): void
Removes the wrapped stylesheet from the elements (or their shadow roots).
Type Parameters
- T extends Element | DocumentFragment
Parameters
- Rest ...elements: T[]
Returns void
Example
```
sss.remove(...Array.from(document.body.children))
```
- Defined in src/sophistry.ts:225

style

style<T>(...elements): void
Styles the elements with the wrapped CSSStylesheets. If an element is not the document or a shadow root, an open shadow root is created for it and then the rrot is styled.
Type Parameters
- T extends Element | DocumentFragment
Parameters
- Rest ...elements: T[]
Returns void
Example
```
sss.style(...Array.from(document.body.children))
```
- Defined in src/sophistry.ts:192