Get CSS variables

> Convert your CSS variables into a JavaScript Object


Run CLI via npx

npx get-css-variables inputFile.css output.js

Usage

npm install --save-dev get-css-variables

$3

Convert css variables into a JSON object:

#### ESM

``Javascript
import { getVariables } from "get-css-variables";

console.log(getVariables(":root { --dummy-color: blue }"));
`

#### CJS (Deprecated)

`Javascript
const { getVariables } = require("get-css-variables");

console.log(getVariables(":root { --dummy-color: blue }"));
`

$3

`JSON
{ "--dummy-color": "blue" }
`

$3

Will create an output file containing a exported javascript module.

`
$ get-css-variables inputFile.css output.js
`

Limits

- Only variables on the :root selector are supported.

Development

`bash
$ npm install
$ npm run build
$ npm test
``

Note

- Original code and credit to Dashlane/css-variables-loader
Reason for this plugin was to remove Webpack depedency and add CLI tool.
- One use case for this plugin is together with dvitamin/postcss-var-func-fallback.