Untitled

dabblet.css

input + .navigation{
	background: red;
}

input:checked ~ .navigation{
	display: none;
}

dabblet.html

<ul class="navigation">
	<input type="checkbox" id="nav-trigger" class="nav-trigger" />
	<li class="nav-item"><a href="#">Home</a></li>
	<li class="nav-item"><a href="#">Portfolio</a></li>
	<li class="nav-item"><a href="#">About</a></li>
	<li class="nav-item"><a href="#">Blog</a></li>
	<li class="nav-item"><a href="#">Contact</a></li>
</ul>

dabblet.js

// alert('Hello world!');

settings.json

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