derekjohnson/dabblet.css

## dabblet.css
/**
 * Styling radio buttons
 */

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;
}

## 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>

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* Styling radio buttons
	*/

	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>