gossi/dabblet.css

## dabblet.css
/**
 * css-variables
 */

:root {
	var-bg: red;
}

div {
	margin: 20px;
	border: 1px solid #000;
	padding: 10px;
	background-color: var(bg);
}

div#box {
	var-bg: green;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->

<div id="box">bla</div>
<div>another div</div>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* css-variables
	*/

	:root {
	var-bg: red;
	}

	div {
	margin: 20px;
	border: 1px solid #000;
	padding: 10px;
	background-color: var(bg);
	}

	div#box {
	var-bg: green;
	}
	<!-- content to be placed inside <body>…</body> -->

	<div id="box">bla</div>
	<div>another div</div>