//------------------------------------------------------------------------------------------------
// CLEARFIX
//------------------------------------------------------------------------------------------------

/*
A mixin to apply clearfix to an element which has layout issues
due to the use of float properties

.myElement {
	@include clearfix();
}
*/

@mixin clearfix {
	&:after {
		content: '' !important;
		display: block !important;
		clear: both !important;
	}
}