michaelstack · October 28, 2015 09:10
diff --git a/dabblet.css b/dabblet.css
 /**
 * The first commented line is your dabblet’s title
 */
 /*
 background: #f06;
 background: linear-gradient(45deg, #006, darkseagreen);
 min-height: 100%;
 */

 p:first-letter {   float: left;   font-size: 21em;   font-weight: bold;   font-family: cursive;   padding-right: 2px;}

 zp { font-size: 70px; }

 /*
 TODO: why does this break it when I uncomment it?
 yet it works when I comment out the p:first-letter
 p { font-size: 10em; }
 */
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <p>bozo!
 </p>
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* The first commented line is your dabblet’s title
	*/
	/*
	background: #f06;
	background: linear-gradient(45deg, #006, darkseagreen);
	min-height: 100%;
	*/

	p:first-letter { float: left; font-size: 21em; font-weight: bold; font-family: cursive; padding-right: 2px;}

	zp { font-size: 70px; }

	/*
	TODO: why does this break it when I uncomment it?
	yet it works when I comment out the p:first-letter
	p { font-size: 10em; }
	*/
	<!-- content to be placed inside <body>…</body> -->
	<p>bozo!
	</p>