February 14, 2012 00:27
diff --git a/dabblet.css b/dabblet.css
 /**
 * The first commented line is your dabblet’s title
 */

 label {
 display:inline-block;
 padding: 1em;
 background: #faf;
 }

 [type=radio] {
 position: absolute;
 top: -999em;
 }

 [type=radio]:checked+label {
 background: #aff;
 }

 [type=radio]:not(:checked)+label {
 background: #faf;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <body>
 <input type="radio" id="radio1" name="radio">
 <label for="radio1">label</label>
 <input type="radio" id="radio2" name="radio">
 <label for="radio2">label 2</label>
 <body>
diff --git a/settings.json b/settings.json
 {"view":"split","prefixfree":"1","page":"css"}
	/**
	* The first commented line is your dabblet’s title
	*/

	label {
	display:inline-block;
	padding: 1em;
	background: #faf;
	}

	[type=radio] {
	position: absolute;
	top: -999em;
	}

	[type=radio]:checked+label {
	background: #aff;
	}

	[type=radio]:not(:checked)+label {
	background: #faf;
	}
	<!-- content to be placed inside <body>…</body> -->
	<body>
	<input type="radio" id="radio1" name="radio">
	<label for="radio1">label</label>
	<input type="radio" id="radio2" name="radio">
	<label for="radio2">label 2</label>
	<body>