Blueprint grid

dabblet.css

/**
 * Blueprint grid
 */
html{
width:100vw;
height:100vh;
background-image: linear-gradient(to right, rgba(53, 26, 33, 0.7) 50%, transparent 50%), linear-gradient(to bottom, rgba(53, 26, 33, 0.7) 50%, transparent 50%);
	/*background-image: linear-gradient(rgba(53, 26, 33, 0.7), #fff)*/
/*	background-image: linear-gradient(rgba(53, 26, 33, 0.7) 0, rgba(53, 26, 33, 0.7) 50%, transparent 0, transparent 100%),
	linear-gradient(90deg, rgba(53, 26, 33, 0.7) 0, rgba(53, 26, 33, 0.7) 50%, transparent 0, transparent 100%);*/
	background-size: 100px 100px, 100px 100px;
}

dabblet.html

<div class="wrapper"></div>

dabblet.js

// alert('Hello world!');

settings.json

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