Templat:Piechart/styles.css

/**
	Diagram pie semulus mie goreng.
	
	[[Module:Piechart]]
*/
/* Struktur basis  */
.smooth-pie {
	clip-path: circle(50%);
	position:relative;
	display:block;
	width: 100px;
	height: 100px;
	box-sizing: border-box;
}
.smooth-pie div {
	position:absolute;
	display:none;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
/* 50-50 mask (right side shown) */
.smooth-pie .piemask {
	clip-path: polygon(50% 0%,
						100% 0%,
						100% 100%,
						50% 100%);
}
/* peramban nirdukung */
@supports(clip-path: circle(50%)) {
	.smooth-pie div {
		display:block;
	}	
}