Greece flag

dabblet.css

/**
 * Greece flag
 */

.greece {
	margin: 3em;
	width: 24em;
	height: 16em;
	box-shadow: 0px 0px 10px lightgray;
	background: linear-gradient(rgb(0,97,242) 50%, rgb(255,255,255) 0);
	background-size: 100% calc(100% / 4.5);
}

.greece::before {
	display: box;
	width: calc(100% / 3 * 2 / 4.5 * 2.5);
	height: calc(100% / 4.5 * 2.5);
	content: '';
	background: linear-gradient(90deg, rgb(0,97,242) 40%, rgb(255,255,255) 0, rgb(255,255,255) 60%, rgb(0,97,242) 0) 0% 0%,
		linear-gradient(90deg, rgb(0,97,242) 40%, rgb(255,255,255) 0, rgb(255,255,255) 60%, rgb(0,97,242) 0) 0% 25%,
		linear-gradient(90deg, rgb(255,255,255) 50%, rgb(255,255,255) 0) 0% 50%,
		linear-gradient(90deg, rgb(0,97,242) 40%, rgb(255,255,255) 0, rgb(255,255,255) 60%, rgb(0,97,242) 0) 0% 75%,
		linear-gradient(90deg, rgb(0,97,242) 40%, rgb(255,255,255) 0, rgb(255,255,255) 60%, rgb(0,97,242) 0) 0% 100%;
	background-size: 100% 20%;
	background-repeat: no-repeat;
}

dabblet.html

<div class="greece"></div>

dabblet.js

// alert('Hello world!');

settings.json

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