The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */

.grid {
	width: 100%;
	height: 300px;
	border: 1px solid red;
	padding: 2px;
	background: 
				linear-gradient(#FFF 1px, #FFF 2px, transparent 0),
				linear-gradient(transparent 1px, transparent 48px, #FFF 0),
				linear-gradient(90deg, #FFF 1px, #FFF 2px, transparent 0),
				linear-gradient(90deg, transparent 1px, transparent 48px, #FFF 0),
				radial-gradient(at 7px 7px, red 1px, red 5px, transparent 0),
				radial-gradient(at 43px 7px, red 1px, red 5px, transparent 0),
				radial-gradient(at 43px 43px, red 1px, red 5px, transparent 0),
				radial-gradient(at 7px 43px, red 1px, red 5px, transparent 0),
				linear-gradient(90deg, transparent 1px, transparent 7px, red 0, red 43px, transparent 0),
				linear-gradient(transparent 1px, transparent 7px, red 0, red 43px, transparent 0);
	background-size: 50px 50px; 
	background-origin: content-box;
}

dabblet.html

<div class="grid"></div>

dabblet.js

// alert('Hello world!');

settings.json

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