rlog · October 13, 2014 03:29
diff --git a/dabblet.css b/dabblet.css
 /**
 * The first commented line is your dabblet’s title
 */
 body {
 background: #eee;
 min-height: 100%;
 }

 li span {
 display: block;
 padding: 10px;
 background: #3ff;
 margin-bottom: 5px;
 }

 li input {
 display: none;
 }

 li input:checked ~ span {
 background: #f00;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <ul>
 	<li><label><input type='radio' name="test" /><span>menu1</span></label></li>
 	<li><label><input type='radio' name="test" /><span>menu2</span></label></li>
 	<li><label><input type='radio' name="test" /><span>menu3</span></label></li>
 </ul>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* The first commented line is your dabblet’s title
	*/
	body {
	background: #eee;
	min-height: 100%;
	}

	li span {
	display: block;
	padding: 10px;
	background: #3ff;
	margin-bottom: 5px;
	}

	li input {
	display: none;
	}

	li input:checked ~ span {
	background: #f00;
	}
	<!-- content to be placed inside <body>…</body> -->
	<ul>
	<li><label><input type='radio' name="test" /><span>menu1</span></label></li>
	<li><label><input type='radio' name="test" /><span>menu2</span></label></li>
	<li><label><input type='radio' name="test" /><span>menu3</span></label></li>
	</ul>