@dynamicss/dynamicss

Description

With DinamiCSS you can manage CSS style sheets dynamically

Installation

DinamiCSS is available as an npm package.

// with npm
npm i @dynamicss/dynamicss

Main Features:

• Insert style sheets from javascript files.
• Edit stylesheets at run-time.
• Remove style sheet.
• Check whether a style sheet has already been inserted into the DOM
• Create a DynamicSheet object rpresentation

Usage (basic example)

Here is a quick example to get you started, it's all you need:

Interactive and live demo:

DynamiCSS Types:

Name	Description	Attributes
DynamicSheet	Object that represents a css style sheet	id: string;
		content?: string;
		sheetRules?: DynamicSheetRule[];
DynamicSheetRule	Object that represents a set of css rules for a classname	className: string;
		rules: DynamicStyle | DynamicPseudoNested | DynamicHyphens;

DynamiCSS namespace Functions:

Function	Description
function insertStyleSheet(dynamicSheet: DynamicSheet): string	Inserts the stylesheet into the DOM
function editStyleSheet(id: string, sheetRules: DynamicSheetRule[]): string	Edits an existing stylesheet in the DOM
function removeStyleSheet(id: string): string	Removes an existing stylesheet in the DOM
function existStyleSheet(id: string): boolean	Returns true if a match is found with the given id
function makeStyleSheet(styleSheet: DynamicSheet): DynamicSheet	Returns the same DynamicSheet object (probably useless, but helps in JS)

License

This project is licensed under the terms of the MIT license.