Simple pie chart with fallback (no variables)

dabblet.css

/**
 * Simple pie chart with fallback (no variables)
 */

.pie {
	height: 20px;
	background: linear-gradient(to right, #fe7b99 , #1b3b4e);
	background-color: gold;
}

@supports (background: conic-gradient(white, black)) {
	.pie {
		width: 200px; height: 200px;
		background-image: conic-gradient(deeppink 40%, transparent 0);
		border-radius: 50%;
	}
}

dabblet.html

<div class="pie"></div>

dabblet.js

// alert('Hello world!');

settings.json

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