wrumsby · February 19, 2014 02:11
diff --git a/dabblet.css b/dabblet.css
 /**
 * Use an attribute selector to hide when count is 0.
 */

 body {
    font-family: sans-serif;
 }

 .badge {
    display: inline-block;
    padding: 3px;
    min-width: 14px;
    border-radius: 10px;
    box-shadow: 2px 2px 6px #444;
    background-color: #f00;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
 }

 .badge[data-count="0"] {
    display: none;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <span class="badge" data-count="0">0</span>
 <span class="badge" data-count="1">1</span>
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":"css"}
	/**
	* Use an attribute selector to hide when count is 0.
	*/

	body {
	font-family: sans-serif;
	}

	.badge {
	display: inline-block;
	padding: 3px;
	min-width: 14px;
	border-radius: 10px;
	box-shadow: 2px 2px 6px #444;
	background-color: #f00;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	}

	.badge[data-count="0"] {
	display: none;
	}
	<!-- content to be placed inside <body>…</body> -->
	<span class="badge" data-count="0">0</span>
	<span class="badge" data-count="1">1</span>