barebones/css/_utilities.scss

.alignleft {
	float: left;
}

img.alignleft {
	margin-right: $column-gutter * 1px;
}

.alignright {
	float: right;
}

img.alignright {
	margin-left	: $column-gutter * 1px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.clearfix {
	&:before,
	&:after{
		content: '';
		display: table;
		line-height: 0;
	}
	&:after{
		clear: both;
	}
}