json-to-css

Json to Css

Converts JSON to Css

This module exists so that you can store inline styles in JSON files, in a structured way. It is utilised by vudash among others, to allow storage of CSS rules inside a configuration file in a better way than just bunging it in a string.

It can also make merging two sets of CSS easy - meaning that third-parties don't have to understand your existing CSS and how it cascades, in order to replace rules.

Dependencies

This module has no external dependencies.

Install

npm install json-to-css

API

• Css
  • [string] of(json)
    • Returns a minified version of the css rules defined in json

Usage

const Css = require('json-to-css')
const json = require('./some-css.json')

const css = Css.of(json)
console.log(css)

Output

You can get a pretty good idea of what the generated CSS looks like by looking at the tests, but in a pinch it produces a somewhat minified css output. Something like:

const json = require('my-css.json')
// {
//  "h1": {
//    "font-size": "18vw",
//    "color": "#f00"
//  }
// }

const css = Css.of(json)
// h1{font-size:18vw;color:#f00;}