Color test

dabblet.css

/**
 * Color test
 */

span {
	display: inline-block;
	width: 50px; height: 50px; 
	background: gold;
}

div { margin: 30px 0; }

span:first-child { background: #FA9200 }
span:nth-child(2) { background: #DA312D }
span:nth-child(3) { background: #693A8B }
span:nth-child(4) { background: #00B1B9 }

.new span:nth-child(2) { background: hsl(90, 70%, 40%) }
.new span:nth-child(3) { background: hsl(330, 50%, 30%) }

dabblet.html

<div class="current">
	<span></span>
	<span></span>
	<span></span>
	<span></span>
</div>vs
<div class="new">
	<span></span>
	<span></span>
	<span></span>
	<span></span>
</div>

settings.json

{"view":"split","seethrough":"","prefixfree":"1","page":"result"}