dantz · October 20, 2013 21:00
diff --git a/dabblet.css b/dabblet.css
 /**
 * Testing calc()
 */

 body {
 	background: #f06;
 	background: linear-gradient(45deg, #f06, yellow);
 	min-height: 100%;
 	padding: 0;
 	margin: 0;
 }

 section {
 	margin: 1em auto;
 	background: rgba(255,255,255,0.5);
 }

 .l-vise {
 	_padding: 1em calc(10%);
 	padding: 1em 10%;	
 }

 .l-vise-narrow {
 	padding: 1em 20%;	
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->

 <section class="l-vise"><h2>Hier könnte eine Headline stehen</h2><p>Dies ist ein Platzhaltertext</p></section>
 <section class="l-vise l-vise-narrow"><h2>Test</h2><p>Dies ist ein Platzhaltertext<p></section>
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"}
	/**
	* Testing calc()
	*/

	body {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
	padding: 0;
	margin: 0;
	}

	section {
	margin: 1em auto;
	background: rgba(255,255,255,0.5);
	}

	.l-vise {
	_padding: 1em calc(10%);
	padding: 1em 10%;
	}

	.l-vise-narrow {
	padding: 1em 20%;
	}
	<!-- content to be placed inside <body>…</body> -->

	<section class="l-vise"><h2>Hier könnte eine Headline stehen</h2><p>Dies ist ein Platzhaltertext</p></section>
	<section class="l-vise l-vise-narrow"><h2>Test</h2><p>Dies ist ein Platzhaltertext<p></section>