Untitled

dabblet.css

h1, .h1 {
	font-size: 2rem;
}
h2, .h2 {
	font-size: 1.5rem;
}
h2, .h3 {
	font-size: 1.2rem;
}

dabblet.html

<ol>
<li class="h1"><h1>H1
<li class="h2"><h2>H2
<li class="h3"><h3>H3
</ol>

dabblet.js

var trigger = document.querySelector('.trigger');
var menu = document.querySelector('.menu');
var open = 0;

trigger.addEventListener('click', function() {
	open = !open;
	if(open) {
		menu.classList.remove('collapsed');
	} else {
		menu.classList.add('collapsed');
	}
}, false)

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}