@rogal/custom-properties-to-json

custom-properties-to-json

Package that parses a css file with a :root pseudoselector with custom properties to a json object

Use Cases

• Theme modes so you can change your themes based in custom properties in the fly

Installation

$ npm install @rogal/custom-properties-to-json --save-dev

Use

You'll need to create a css file with a :root pseudoselector

:root {
  --primary-bg-color: blue;
  --color: #ffffff;
}

After creating the file create a task or execute the command

custom-properties-to-json input=src/styles/base-theme.css output=src/styles/variables/base-theme.json

This will create a json with the next structure

[
  {
    "property": "--primary-bg-color",
    "value": "blue"
  },
  {
    "property": "--color",
    "value": "#ffffff"
  }
]