Coins

dabblet.css

/* Coins */

body { background: #ccb; }
.coin {
	display: inline-block;
}
.coin:after {
	content: ' ';
	background: #f0f;
	border-radius: 50%;
	transform: rotate(-45deg);
	display: inline-block;
	margin: 0 0.5em 0 0.125em;
	height: 0.65em;
	width: 1em;
}
.coin.gold:after {
	background: #ae7e37;
	box-shadow:
		inset 0 -1px 0 rgba(255,255,255,0.65),
		0 1px 0 #281410,
		0 2px 0 #281410;
}

dabblet.html

<span class="gold coin">1</span>
<span class="silver coin">28</span>
<span class="copper coin">48</span>

settings.json

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