@import 'compass/css3';

$w: 16px;
$h: 2*$w;
$a: atan($h/$w)*180deg/pi();
$c0: #36c;
$c1: #d6e0f5;

html {
	background: 
		conic-gradient(from 90deg - $a, 
				$c1 0% $a, 
				$c0 0% 2*$a, 
				$c1 0% 50%, 
				$c0 0% 180deg + $a, 
				$c1 0% 180deg + 2*$a, 
				$c0 0%) 
			0 0/ #{$w $h}
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://leaverou.github.io/conic-gradient/conic-gradient.js