SBoudrias · September 23, 2012 03:16
diff --git a/dabblet.css b/dabblet.css
 /**
 * Keeping element ratio
 */

 .container {
 	background: red;
 	width: 100%;
 	padding-bottom: 60%;
 	position: relative;
 }
 .ratio-keep {
 	background: lime;
 	position: absolute;
 	top: 0;
 	bottom: 0;
 	left: 0;
 	right: 0;
 }
diff --git a/dabblet.html b/dabblet.html
 <div class="container">
 	<div class="ratio-keep"></div>
 </div>
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Keeping element ratio
	*/

	.container {
	background: red;
	width: 100%;
	padding-bottom: 60%;
	position: relative;
	}
	.ratio-keep {
	background: lime;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	}