Reference Grid with CSS gradient

dabblet.css

/* Reference Grid with CSS gradient */

* {
	padding: 0;
	margin: 0;
}

body {
	background:
		repeating-linear-gradient(180deg, transparent 0, transparent 50%, rgba(0, 0, 0, .125) 50%, rgba(0, 0, 0, .125) 100%), 
		repeating-linear-gradient(90deg, transparent 0, transparent 50%, rgba(0, 0, 0, .125) 50%, rgba(0, 0, 0, .125) 100%);
	background-size: 100px 100px;
}

div {
	background: red;
	width: 100px;
	height: 100px;
	margin: 250px;
}

dabblet.html

<div></div>

dabblet.js

// alert('Hello world!');

settings.json

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