MichaelArestad/dabblet.css

## dabblet.css
/* The glass is half something */

.glass {
	position: relative;
	border: 1px solid grey;
	width: 200px;
	height: 380px;
	margin: 50px auto;
}
.glass > .water {
	position: absolute;
	top: 50%;
	bottom: 0;
	background: blue;
	width: 100%;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="glass">
	<div class="water">
	</div>
</div>

## settings.json
{"view":"split-vertical","seethrough":"","prefixfree":"1","page":"css"}
	/* The glass is half something */

	.glass {
	position: relative;
	border: 1px solid grey;
	width: 200px;
	height: 380px;
	margin: 50px auto;
	}
	.glass > .water {
	position: absolute;
	top: 50%;
	bottom: 0;
	background: blue;
	width: 100%;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div class="glass">
	<div class="water">
	</div>
	</div>