lucasad · August 13, 2013 20:13
diff --git a/dabblet.css b/dabblet.css
 /**
 * Expanding input
 */
 /*
 background: #f06;
 background: linear-gradient(45deg, #f06, yellow);
 min-height: 100%;*/

 #s {
 	transition: width 1s;
 	width: 20em;
 }
 #s:focus {
  width: 100%
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <input type="search" id="s">
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Expanding input
	*/
	/*
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;*/

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