lucasad/dabblet.css

## dabblet.css
/**
 * The first commented line is your dabblet’s title
 */
/*
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;*/

#s {
	transition: width 1s;
}
#s:focus {
  width: 100%
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<input type="search" id="s">

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* The first commented line is your dabblet’s title
	*/
	/*
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;*/

	#s {
	transition: width 1s;
	}
	#s:focus {
	width: 100%
	}
	<!-- content to be placed inside <body>…</body> -->
	<input type="search" id="s">