input.css

dabblet.css

/* input.css */
.input
{
	backgound: #fff;
}

.input_size_xl.input_theme_green:after
{
	content: '><'
}

/* input_theme_green.css */
.input_theme_green
{
	background: #060
}

/* input_size_s.css */
.input_size_s
{
	width: 200px;
	height: 200px;
}

/* input_size_xl.css */
.input_size_xl
{
	width: 400px;
	height: 400px;
}


/* input_has-clear.css */
.input_has-clear:after
{
	content: 'x'	
}

dabblet.html

<div class="input input_theme_green input_size_xl input_has-clear"></div>

dabblet.js

// alert('Hello world!');

settings.json

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