YAML layout 123 with flexible .ym-col2

dabblet.css

/* YAML layout 123 with flexible .ym-col2 */

body {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #333;
	background-color: #ccc;
}

.ym-wrapper {
	max-width: 960px;
	min-width: 300px;
	margin: 1em auto;
	background: white;
}

.ym-wbox {
	padding: 20px;
}

.ym-column {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0 200px 0 160px;
}

.ym-col1 {
	width: 160px;
	float: left;
	margin-left: -160px;
	background-color: rgba(255,0,0,.3);
}
.ym-col2 {
	width: 100%;
	float: left;
	background-color: rgba(0,255,0,.3);	
}
.ym-col3 {
	position: relative;
	width: 200px;
	float: left;
	margin-right: -200px;
	background-color: rgba(0,0,255,.3);
}

.ym-cbox { padding: 0 20px; }

dabblet.html

<div class="ym-wrapper">
	<div class="ym-wbox">
		<h1>YAML layout 123 with flexible .ym-col2</h1>
		<div class="ym-column">
			<div class="ym-col1">
				<div class="ym-cbox">
					<h2>Left</h2>
					<p>fixed: 160px</p>
				</div>
			</div>
			<div class="ym-col2">
				<div class="ym-cbox">
					<h2>Middle</h2>
					<p>flexible</p>
					<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
					invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam
					et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est
					Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
					diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
					At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
					takimata sanctus est Lorem ipsum dolor sit amet.</p>
				</div>
			</div>
			<div class="ym-col3">
				<div class="ym-cbox">
					<h2>Right</h2>
					<p>fixed: 200px</p>
					<p>Lorem ipsum ...</p>
				</div>
			</div>
		</div>
	
	</div>
</div>

settings.json

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