// Mixins

@mixin uxopacity($opacity:0.5) {
//	opacity: $opacity;
//	$opacityie: $opacity * 100;
//	filter: ~"alpha(opacity=${opacityie})";
    @include opacity($opacity);
	zoom: 1;

}

@mixin vertical-gradient($startColor: #FDFDFD, $endColor: #DDD) {
//	background-color: mix($startColor, $endColor, 60%);
//	background-image: -moz-linear-gradient(top, $startColor, $endColor); // FF 3.6+
//	background-image: -webkit-gradient(linear, 0 0, 0 100%, from($startColor), to($endColor)); // Safari 4+, Chrome 2+
//	background-image: -webkit-linear-gradient(top, $startColor, $endColor); // Safari 5.1+, Chrome 10+
//	background-image: -o-linear-gradient(top, $startColor, $endColor); // Opera 11.10
//	background-image: linear-gradient(to bottom, $startColor, $endColor); // Standard, IE10
//	background-repeat: repeat-x;
//	filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb($startColor),argb($endColor)));
  @include background-image(linear-gradient($startColor, $endColor));
  zoom: 1;
}

//@mixin border-radius($radius:3px) {
//	-webkit-border-radius: $radius;
//	-moz-border-radius: $radius;
//	@include border-radius($radius);
//}

//@mixin box-shadow($shadowA:#ccc 5px 5px 5px, $shadowB:X, ...){
	// Multiple shadow solution from http://toekneestuck.com/blog/2012/05/15/less-css-arguments-variable/
//	@props: ~`"@{arguments}".replace(/[\[\]]|\,\sX/g, '')`;
//	-webkit-box-shadow: @props;
//	-moz-box-shadow: @props;
//	box-shadow: @props;
//}
//@mixin transition($transition) {
//	-webkit-transition: $transition;
//	transition: $transition;
//}

@mixin inline-block() {
	display: inline-block;

	// IE7
	*display: inline;
	*zoom: 1;
}

@mixin reset-gradient() {
//	filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
	background: transparent;
}

@mixin button-background($startColor, $endColor, $textColor: #fff, $textShadow: 0 -1px 0 rgba(0,0,0,.25)) {
	color: $textColor;
	text-shadow: $textShadow;
	@include vertical-gradient($startColor, $endColor);
	border-color: $endColor $endColor darken($endColor, 15%);
	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
}