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.