@import "global";

@function alpha($color, $amount) {
	@if type-of($color) == "color" {
		@return fade-out($color, (1 - $amount));
	} @else {
		@return unquote("alpha(#{$color},#{$amount})");
	}
}

@function shade($color, $amount) {
//	@if type-of($color) == "color" {
//		@if $amount < 1 {
//			@return darken($color, ((1 - $amount) * 100));
//		} @else {
//			@return lighten($color, (($amount - 1) * 100));
//		}
//	} @else {
		@return unquote("shade(#{$color},#{$amount})");
//	}
}

@function mix($color1, $color2, $amount) {
	@return unquote("mix(#{$color1},#{$color2},#{$amount})");
}

@function border_normal($color) {
	@return shade($color, $contrast);
}

@function border_focus($color) {
	@return shade($color, ($contrast - .05));
}

@function border_active($color) {
	@return shade($color, ($contrast - .10));
}

@function border_insensitive($color) {
	@return shade($color, ($contrast + .1));
}

@mixin linear-gradient($color, $direction: to bottom) {
	$amount: $gradient / 2;

	background-color: $color;
	background-image: linear-gradient($direction,
						shade($color, (1 + $amount)),
						shade($color, (1 - $amount))
					);
}

@mixin border($color) {
	border-color: border_normal($color);

	&:focus, &:hover { border-color: border_focus($color); }

	&:active, &:active:hover,
	&:active:focus, &:active:hover:focus { border-color: border_active($color); }

	&:insensitive { border-color: border_insensitive($color); }

	&:active *:insensitive { border-color: border_normal($color); }
}