// ==========================================================================
// Mixins
// ==========================================================================

// Contain floats: nicolasgallagher.com/micro-clearfix-hack/
.clearfix() {
	zoom: 1;
	&:before, 
	&:after { content: ""; display: table; }
	&:after { clear: both; }
}

// Webkit-style focus
.tab-focus() {
	// Default
	outline: thin dotted @gray-dark;
	// Webkit
	//outline: 5px auto -webkit-focus-ring-color;
	outline-offset: 1px;
}

// Use rems for font sizing
.font-size(@font-size: 16){
	@rem: (@font-size / 10);
	font-size: @font-size * 1px;
	font-size: ~"@{rem}rem";
}