interesting use case for recursion

data-structure

[
    {
        "indentLevel": 0,
        "selector": "body",
        "declarations": [
            "    margin: auto",
            "    width: 1000px"
        ],
        "children": []
    },
    {
        "indentLevel": 0,
        "selector": "#divID",
        "declarations": [
            "    font: 12px Helvetica, Arial, sans-serif",
            "    color: green",
            "    background: yellow"
        ],
        "children": [
            {
                "indentLevel": 1,
                "selector": ".className",
                "declarations": [
                    "    color: blue",
                    "    width: 500px"
                ],
                "children": []
            }
        ]
    }
]

recurse-through-data-structure

var blockToCSS = function blockToCSS(block) {
	var beginBlock = " {" + "\n",
		endBlock = "\n" + "}",
		output = [],
		sel,
		dec,
		block,
		parentCSS;

	sel = block.selector + " ";
	dec = block.declarations.join("; \n") + ";";
	parentCSS = sel + beginBlock + dec + endBlock;

	if (!block.children.length) {
		return [parentCSS];
	} else {
		var childrenCSS = block.children.map(blockToCSS).reduce(function(acc, children) {
			return acc.concat(children);
		});
		var prefixedChildrenCSS = childrenCSS.map(function(child) {
			return sel + child;
		});
		prefixedChildrenCSS.unshift([parentCSS]);

		return prefixedChildrenCSS;
	}
};