/*--------------------------------------------------------------
# Animated link that has a fade-in underline
# example: @include animate-link(blue, green);
--------------------------------------------------------------*/
@mixin animate-link($color, $hover) {
	color: $color;
	text-decoration: none;
	@include box-shadow(inset, 0, 0, 0, $hover);
	@include single-transition(all, 0.1s, ease-in-out, 0.1s);
	
	&:focus,
	&:hover {
		@include box-shadow(inset, 0, -2px, 0, $hover);
		text-decoration: none;
	}
}