CSS-JSON Converter for JavaScript

CSS-JSON Converter for JavaScript
Converts CSS to JSON and back.

Version 2.1.3

Released under the MIT license.

Usage

// To JSON
var json = CSSJSON.toJSON(cssString);

// To CSS
var css = CSSJSON.toCSS(jsonObject);

Sample

See example.html

$3

{
"children": {
"@media (max-width: 800px)": {
"children": {
"#main #comments": {
"children": {},
"attributes": {
"margin": "0px",
"width": "auto",
"background": "red"
}
},
"#main #buttons": {
"children": {},
"attributes": {
"padding": "5px 10px",
"color": "blue"
}
}
},
"attributes": {}
},
"#main #content": {
"children": {},
"attributes": {
"margin": "0 7.6%",
"width": "auto"
}
},
"#nav-below": {
"children": {},
"attributes": {
"border-bottom": "1px solid #ddd",
"margin-bottom": "1.625em",
"background-image": "url(http://www.example.com/images/im.jpg)"
}
}
},
"attributes": {}
}

$3

@media (max-width: 800px) {
#main #comments {
margin: 0px;
width: auto;
background: red;
}
#main #buttons {
padding: 5px 10px;
color: blue;
}
}
#main #content {
margin: 0 7.6%;
width: auto;
}
#nav-below {
border-bottom: 1px solid #ddd;
margin-bottom: 1.625em;
background-image: url(http://www.example.com/images/im.jpg);
}