css-var-in-js

CSS Variables in JS

Straightforward helper functions to manipulate CSS variables in JS

Usage

This package is available as a UMD, CommonJS and ES module build. This allows you to import the package as you see fit.

To get quickly get started, include the following script tag in your site's HTML file;

<script src="https://unpkg.com/css-var-in-js"></script>

The cssVarInJS variable is now globally available to use.

<script>
    const { getVar, setVar } = cssVarInJS

    setVar('--fav-color', 'rebeccapurple')

    getVar('--fav-color')
    // 'rebeccapurple'
</script>

Alternatively, you can install the package from npm, by running 'npm i css-var-in-js' and import it in your project;

import setVar, { getVar } from 'css-var-in-js'

// or

const cssVarInJS = require('css-var-in-js')

Contributing

This project is open to and encourages contributions! Feel free to discuss any bug fixes/features in the issues. If you wish to work on this project:

1. Fork the project
2. Create your feature branch (git checkout -b new-feature-branch)
3. Commit your changes (git commit -am 'add new feature')
4. Push to the branch (git push origin new-feature-branch)
5. Submit a pull request!