wrumsby/dabblet.css

## dabblet.css
/**
 * px, calc and rem
 */
html {
	font-size: 36px;
	font-family: sans-serif;
}

@media only screen and (min-width: 480px) {
	html {
		font-size: calc(36px * 0.8);
	}
}

p {
	font-size: 1rem;
}

.smaller {
	font-size: 0.8em;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<p>
	Yolo <a href="#" class="smaller">link</a>
</p>

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

## settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* px, calc and rem
	*/
	html {
	font-size: 36px;
	font-family: sans-serif;
	}

	@media only screen and (min-width: 480px) {
	html {
	font-size: calc(36px * 0.8);
	}
	}

	p {
	font-size: 1rem;
	}

	.smaller {
	font-size: 0.8em;
	}
	<!-- content to be placed inside <body>…</body> -->
	<p>
	Yolo <a href="#" class="smaller">link</a>
	</p>