fazlurr/dabblet.css

## dabblet.css
/**
 * Learn About em's
 */
body {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
}
.sunken {
	margin: 5px;
	background-color: #fff;
}
.sunken--one {
	width: 16px;
	height: 16px;
}
.sunken--two {
	width: 10em;
	height: 10em;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<body>
	<div class="sunken sunken--one"></div>
	<div class="sunken sunken--two"></div>
</body>

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

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Learn About em's
	*/
	body {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
	}
	.sunken {
	margin: 5px;
	background-color: #fff;
	}
	.sunken--one {
	width: 16px;
	height: 16px;
	}
	.sunken--two {
	width: 10em;
	height: 10em;
	}
	<!-- content to be placed inside <body>…</body> -->
	<body>
	<div class="sunken sunken--one"></div>
	<div class="sunken sunken--two"></div>
	</body>