SVG gradients through data URI

dabblet.css

/**
 * SVG gradients through data URI
 */

background: #f06;
background: radial-gradient(50% -80%, red, yellow);
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><radialGradient id="g" cy="-80%" r="180%"><stop stop-color="red" /><stop offset="100%" stop-color="yellow" /></radialGradient><rect width="100%" height="100%" fill="url(#g)" /></svg>');
min-height: 100%;

settings.json

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