Mobile first button abstraction

dabblet.css

/**
 * Mobile first button abstraction
 */

.btn {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 1em 0;
	box-sizing: border-box;
}

@media screen and (min-width: 600px) {
	.btn {
		display: inline-block;
		padding: 1em;
	}
}

/* Demonstrate btn modifiers */
.btn--twitter {
	background-color: #2fa2cc;
	border: 2px solid rgba(255, 255, 255, 0.8);
	color: #fff;
}

.btn--github {
	background-color: #ccc;
	border: 2px solid rgba(255, 255, 255, 0.8);
	color: #000;
}

dabblet.html

<a href="#" class="btn btn--twitter">Twitter</a>
<a href="#" class="btn btn--github">Github</a>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}