GB flag

dabblet.css

/**
 * GB flag
 */

.flag-GB
{
	background:
/* George’s */ 
		linear-gradient(transparent 20%, #CF142B 20%, #CF142B 80%, transparent 80%, transparent) center,
		linear-gradient(to right, transparent 20%, #CF142B 20%, #CF142B 80%, transparent 80%, transparent) center,
		linear-gradient(transparent 33.333%, white 33.333%, white 66.667%, transparent 66.667%, transparent),
		linear-gradient(to right, transparent 41.667%, white 41.667%, white 58.333%, transparent 58.333%, transparent),
/* Patrick’s */
		linear-gradient(to left bottom, transparent 50%, #CF142B 50%, #CF142B 55.962%, transparent 55.962%, transparent) left top,
		linear-gradient(to left top, transparent 50%, #CF142B 50%, #CF142B 55.962%, transparent 55.962%, transparent) right top,
		linear-gradient(to right top, transparent 50%, #CF142B 50%, #CF142B 55.962%, transparent 55.962%, transparent) right bottom,
		linear-gradient(to right bottom, transparent 50%, #CF142B 50%, #CF142B 55.962%, transparent 55.962%, transparent) left bottom,
/* Andrew’s */
		linear-gradient(to left bottom, transparent 45.528%, white 45.528%, white 54.472%, transparent 54.472%, transparent),
		linear-gradient(to right bottom, transparent 45.528%, white 45.528%, white 54.472%, transparent 54.472%, transparent),
		#00247D;
	background-repeat: no-repeat;
	background-size: 100% 33.333%, 16.667% 100%, 100%, 100%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 100%, 100%;
	box-shadow: 0 0 1em black;
	height: 20em;
	width: 40em;
}

dabblet.html

<div class="flag-GB"></div>

settings.json

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