Untitled

dabblet.css

[st-text] {
	font-family: helveticaNeue, helvetica;
	font-size:14px;
	color:blue;
}

[st-text~="fixed"] { font-size:8px }
[st-text~="fixed:18"] { font-size:18px }
[st-text~="fixed:11"] { font-size:11px }
[st-text~="red"] { color:red }
[st-text~="green"] { color:green }
[st-text~="uppercase"] { text-transform: uppercase }

dabblet.html

<p st-text>Hello World</p>
<p st-text="fixed 18">Hello World</p>
<p st-text="fixed 11 red">Hello World</p>
<p st-text="fixed 18 green uppercase">Hello World</p>

dabblet.js

// alert('Hello world!');

settings.json

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