Tiling colours

dabblet.css

/* Tiling colours */

background:
    /* Pointing upwards */
	linear-gradient( 60deg, hsla( 10,  90%,  75%,.6) 12.5%, transparent 0)   0px   0px,
	linear-gradient(-60deg, hsla( 10,  90%,  75%,.6) 12.5%, transparent 0)   0px   0px,
	linear-gradient( 60deg, hsla( 35,  90%,  75%,.6) 12.5%, transparent 0) 150px -86px,
	linear-gradient(-60deg, hsla( 35,  90%,  75%,.6) 12.5%, transparent 0) 150px -86px,
	linear-gradient( 60deg, hsla( 60,  90%,  75%,.6) 12.5%, transparent 0) 100px   0px,
	linear-gradient(-60deg, hsla( 60,  90%,  75%,.6) 12.5%, transparent 0) 100px   0px,
	linear-gradient( 60deg, hsla( 90,  90%,  75%,.6) 12.5%, transparent 0) 250px -86px,
	linear-gradient(-60deg, hsla( 90,  90%,  75%,.6) 12.5%, transparent 0) 250px -86px,
	linear-gradient( 60deg, hsla(120,  90%,  75%,.6) 12.5%, transparent 0) 200px   0px,
	linear-gradient(-60deg, hsla(120,  90%,  75%,.6) 12.5%, transparent 0) 200px   0px,
	linear-gradient( 60deg, hsla(100,  90%,  75%,.6) 12.5%, transparent 0)  50px -86px,
	linear-gradient(-60deg, hsla(100,  90%,  75%,.6) 12.5%, transparent 0)  50px -86px,

	/* Bottom row */
	linear-gradient(120deg, hsla(180,  90%,  75%,.6) 12.5%, transparent 0)   0px   0px,
	linear-gradient(240deg, hsla(180,  90%,  75%,.6) 12.5%, transparent 0)   0px   0px,
	linear-gradient(120deg, hsla(210,  90%,  75%,.6) 12.5%, transparent 0) 150px -86px,
	linear-gradient(240deg, hsla(210,  90%,  75%,.6) 12.5%, transparent 0) 150px -86px,
	linear-gradient(120deg, hsla(240,  90%,  75%,.6) 12.5%, transparent 0) 100px   0px,
	linear-gradient(240deg, hsla(240,  90%,  75%,.6) 12.5%, transparent 0) 100px   0px,
	linear-gradient(120deg, hsla(270,  90%,  75%,.6) 12.5%, transparent 0) 250px -86px,
	linear-gradient(240deg, hsla(270,  90%,  75%,.6) 12.5%, transparent 0) 250px -86px,
	linear-gradient(120deg, hsla(300,  90%,  75%,.6) 12.5%, transparent 0) 200px   0px,
	linear-gradient(240deg, hsla(300,  90%,  75%,.6) 12.5%, transparent 0) 200px   0px,
	linear-gradient(120deg, hsla(330,  90%,  75%,.6) 12.5%, transparent 0)  50px -86px,
	linear-gradient(240deg, hsla(330,  90%,  75%,.6) 12.5%, transparent 0)  50px -86px
	
	
;
background-size: 300px 173px;

dabblet.js

// alert('Hello world!');

settings.json

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