// ==========================================================================
// Clearings
//
// You can either use the mixin or @extend .clear.
// ==========================================================================


// The mixin
@mixin clearfix() {
	&:before, &:after {
		content: "";
		display: table;
	}
	&:after {
		clear: both;
	}
}

%clearfix {
	@include clearfix;
}