erikjung/dabblet.css

## dabblet.css
* {
	margin: 0;
}

html {
	font-size: 13px;
	font-family: sans-serif;
}

body {
	font-size: 1.07rem; /* 1.5/1.4 */
	line-height: 1.5rem;
	margin: 1rem auto;
	max-width: 35em;
	width: 90%;
}

small {
	display: block;
	font-size: .83rem; /* 1/1.2 */
	line-height: 1rem;
	margin-bottom: 1rem;
}

p,
h1,
h2,
h3,
h4 {
	margin-bottom: 1.5rem;
}

h4 {
	font-size: 1.81rem; /* 2/1.1 */
	line-height: 2rem;
	margin-bottom: 2rem;
}

h3 {
	font-size: 2.23rem; /* 2.5/1.1 */
	line-height: 2.5rem;
	margin-bottom: 2.5rem;
}

h2 {
	font-size: 2.73rem; /* 3/1.1 */
	line-height: 3rem;
	margin-bottom: 3rem;
}

h1 {
	font-size: 3.18rem;  /* 3.5/1.1 */
	line-height: 3.5rem;
	margin-bottom: 3.5rem;
}

@media screen and (min-width: 40em) {
	html { font-size: 15px; }
}

@media screen and (min-width: 70em) {
	html { font-size: 17px; }
}

@media screen and (min-width: 90em) {
	html { font-size: 20px; }
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<h1>Header h1 and it <br>Wraps to Two Lines</h1>
<h2>Header h2 and it <br>wraps to two lines</h2>
<h3>Header h3 and it <br>wraps to two lines</h3>
<h4>Header h4 and it <br>wraps to two lines</h4>
<p>Paralyzing. Catastrophic. Historic. Crippling. These are words forecasters are using to describe the potential for a winter storm moving into Atlanta. Residents have already stripped store shelves nearly bare.</p>
<p>According to analysis by the global marketing-research firm Euromonitor International, South Koreans are the world’s biggest consumers of hard liquor, at 11.2 shots a week on average.</p>
<small>This is some small this is some small ya'll. This is some small this is some small ya'll This ain't not is some small ya'll</small>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split","fontsize":"80","seethrough":"","prefixfree":"1","page":"css"}
	* {
	margin: 0;
	}

	html {
	font-size: 13px;
	font-family: sans-serif;
	}

	body {
	font-size: 1.07rem; /* 1.5/1.4 */
	line-height: 1.5rem;
	margin: 1rem auto;
	max-width: 35em;
	width: 90%;
	}

	small {
	display: block;
	font-size: .83rem; /* 1/1.2 */
	line-height: 1rem;
	margin-bottom: 1rem;
	}

	p,
	h1,
	h2,
	h3,
	h4 {
	margin-bottom: 1.5rem;
	}

	h4 {
	font-size: 1.81rem; /* 2/1.1 */
	line-height: 2rem;
	margin-bottom: 2rem;
	}

	h3 {
	font-size: 2.23rem; /* 2.5/1.1 */
	line-height: 2.5rem;
	margin-bottom: 2.5rem;
	}

	h2 {
	font-size: 2.73rem; /* 3/1.1 */
	line-height: 3rem;
	margin-bottom: 3rem;
	}

	h1 {
	font-size: 3.18rem; /* 3.5/1.1 */
	line-height: 3.5rem;
	margin-bottom: 3.5rem;
	}

	@media screen and (min-width: 40em) {
	html { font-size: 15px; }
	}

	@media screen and (min-width: 70em) {
	html { font-size: 17px; }
	}

	@media screen and (min-width: 90em) {
	html { font-size: 20px; }
	}
	<!-- content to be placed inside <body>…</body> -->
	<h1>Header h1 and it <br>Wraps to Two Lines</h1>
	<h2>Header h2 and it <br>wraps to two lines</h2>
	<h3>Header h3 and it <br>wraps to two lines</h3>
	<h4>Header h4 and it <br>wraps to two lines</h4>
	<p>Paralyzing. Catastrophic. Historic. Crippling. These are words forecasters are using to describe the potential for a winter storm moving into Atlanta. Residents have already stripped store shelves nearly bare.</p>
	<p>According to analysis by the global marketing-research firm Euromonitor International, South Koreans are the world’s biggest consumers of hard liquor, at 11.2 shots a week on average.</p>
	<small>This is some small this is some small ya'll. This is some small this is some small ya'll This ain't not is some small ya'll</small>