Multi-check (redux)

dabblet.css

/**
 * Multi-check (redux)
 */

div {
	vertical-align: middle;
	display: inline-block;
	background: #FFAAAA;
	padding: 1em;
	border-radius: 50%;
	-webkit-transition: all .3s ease-in-out;
}

input[type='checkbox'].check1:checked +
input[type='checkbox'].check2:checked +
input[type='checkbox'].check3:checked +
input[type='checkbox'].check4:checked ~
div {
	background: #AFA;
}

dabblet.html

<input type="checkbox" class="check1"/>
<input type="checkbox" class="check2"/>
<input type="checkbox" class="check3"/>
<input type="checkbox" class="check4"/>
<div class="result">ok</div>

dabblet.js

// alert('Hello world!');

settings.json

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