Previewer test

dabblet.css

/**
 * Previewer test
 */

background: #f06;
background: linear-gradient(left bottom, 
	    hsla(340, 100%, 50%,.7), yellow);
background: url(http://placekitten.com/330/340);
content: '\2665';
min-width: 100px;
width: 2in;
transition-duration: 6s;
transition-duration: 1000ms;
transition-timing-function: cubic-bezier(.2,.6,.8,.8);
transition-timing-function: ease-in;
transform: rotate(45deg);
transform: rotate(-.125turn); /* negative angle */
font-family: Dabblet, 'Palatino Linotype', "Times New Roman", sans-serif;
font-family: fantasy; /* single font-family */
font: bold 100%/1.5 Monaco, Consolas, monospace;

dabblet.html

<img src="http://placekitten.com/330/340" alt="Awwww" />

&#x2665;

&hearts;

settings.json

{"view":"separate","fontsize":"100","seethrough":"1","prefixfree":"1","page":"all"}