Aspect ratio

dabblet.css

/**
 * Aspect ratio
 */

img, svg {
	background: yellow;
	max-height: 1em;
}

dabblet.html

<img src="data:image/svg+xml,<svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 100 100&quot;><circle cx=&quot;50&quot; cy=&quot;50&quot; r=&quot;50&quot; fill=&quot;red&quot; /></svg>">

<svg viewBox="0 0 100 100"><circle cx="50" cy="50" r="50" fill="red" /></svg>

dabblet.js

// alert('Hello world!');

settings.json

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