https://github.com/zhangyu1818/dynamic-stylesheet

dynamic inject css with javascript.
https://github.com/zhangyu1818/dynamic-stylesheet

dynamic-css inject-css stylesheet

Last synced: about 1 year ago
JSON representation

dynamic inject css with javascript.

• Host: GitHub
• URL: https://github.com/zhangyu1818/dynamic-stylesheet
• Owner: zhangyu1818
• Created: 2021-05-09T03:55:58.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2021-05-09T04:29:52.000Z (almost 5 years ago)
• Last Synced: 2024-10-22T22:45:41.219Z (over 1 year ago)
• Topics: dynamic-css, inject-css, stylesheet
• Language: TypeScript
• Homepage:
• Size: 3.91 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# dynamic-stylesheet

![npm-version](https://img.shields.io/npm/v/dynamic-stylesheet.svg)

[![codecov](https://codecov.io/gh/zhangyu1818/dynamic-stylesheet/branch/main/graph/badge.svg?token=0ZTpVwfEDU)](https://codecov.io/gh/zhangyu1818/dynamic-stylesheet)

![bundlesize-js-image](https://img.badgesize.io/https:/unpkg.com/dynamic-stylesheet/dist/index.js?label=gzip&compression=gzip&style=flat-square)

dynamic inject css with javascript.

## Install

```bash

npm install dynamic-stylesheet

```

```bash

yarn add dynamic-stylesheet

```

## Usage

```javascript

import { injectCSS, updateCSS } from 'dynamic-stylesheet'

const styleText = ".container:before{ content:'before content' }"

// default insert to document.head

injectCSS(styleText)

// attach to element

injectCSS(styleText, { attachTo: document.body })

// updateCSS will use the same node with the same key

updateCSS(styleText, 'mark-key')

const updateStyleText = ".container:after{ content:'after content' }"

updateCSS(updateStyleText, 'mark-key')

```

## License

MIT