// 
// Add an icon to an inline element. E.g anchor or span
// Pass through an asset, and optionally a padding value, x-position and y-position.
//

@mixin inline-icon($img, $spacing:5px, $pos: left) {
	background-image:image-url($img);
	background-repeat: no-repeat; 
	@if $pos == right {
		background-position: right top;
		text-align: right;
	} @else {
		background-position: left top;
		text-align: left;
	}
	line-height:image-height($img);
	padding-#{$pos}:image-width($img) + $spacing;
}