Semantics Hell

by Scott Kaye

HTML

<big blue button>
	This is a big blue button.
</big>

SCSS

@mixin t($name) {
	$name, [$name] {
		@content;
	}
}

@include t(big) {
	font-size: 2em;
}

@include t(blue) {
	background: #aaaaff;
}

@include t(button) {
	padding: 5px 10px;
	cursor: pointer;
	
	&:hover {
		text-decoration: underline;
	}
}