kizu · November 28, 2012 13:04 · kizu · Oct 8, 2019
diff --git a/dabblet.css b/dabblet.css
 /**
 * CSS Dot Leaders With Textured Background
 */
 html {
 	background: #f06;
 	background: linear-gradient(45deg, #f06, yellow);
 	min-height: 100%;
 	font: 20px/1.4 Helvetica, Arial sans-serif
 }

 dl {
 	overflow: hidden;
 }
 dt {
 	float: left;
 	padding: 0 .4em 0 0;
 	margin: 0;
 }
 dd {
 	float: right;
 	padding: 0 0 0 .4em;
 	margin: 0;
 }
 /* That's the leader! */
 dl:after {
 	content: "";
 	display: block;
 	overflow: hidden;
 	height: 1em;
 	border-bottom: 1px dotted;
 }
diff --git a/dabblet.html b/dabblet.html
 <dl>
    <dt>Salmon Ravioli</dt>
    <dd>7.95</dd>
 </dl>
 <dl>
    <dt>Fried Calamari</dt>
    <dd>8.95</dd>
 </dl>
 <dl>
    <dt>Almond Prawn Cocktail</dt>
    <dd>712.95</dd>
 </dl>
 <dl>
    <dt>Bruschetta</dt>
    <dd>5.25</dd>
 </dl>
 <dl>
    <dt>Margherita Pizza </dt>
    <dd>0.95</dd>
 </dl>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* CSS Dot Leaders With Textured Background
	*/
	html {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
	font: 20px/1.4 Helvetica, Arial sans-serif
	}

	dl {
	overflow: hidden;
	}
	dt {
	float: left;
	padding: 0 .4em 0 0;
	margin: 0;
	}
	dd {
	float: right;
	padding: 0 0 0 .4em;
	margin: 0;
	}
	/* That's the leader! */
	dl:after {
	content: "";
	display: block;
	overflow: hidden;
	height: 1em;
	border-bottom: 1px dotted;
	}