Untitled

dabblet.css

.wrapper{
	border: 1em solid rgba(0,0,0,0);
	background-image: linear-gradient(#fff, #fff),repeating-linear-gradient(-45deg, #f00 0, #f00 12.5%, transparent 0, transparent 25%, #00f 0, #00f 37.5%, transparent 0,transparent 50%);
	/**/ 
	background-clip:padding-box, border-box;
	background-size:5em 5em;
	width:500px;
	height:300px;
	box-sizing:border-box;
	padding: 1em;
}

dabblet.html

<div class="wrapper">Hello world!</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"130","seethrough":"","prefixfree":"1","page":"css"}