/*--------------------------------------------------------------
# Transform
# example: @include transform("origin", 0, 0);
--------------------------------------------------------------*/

@mixin transform($type, $values...) {
	$n: length($values);
	$i: 1;

	$originVal: ();

	@while $i <= $n {
		$itemVal: (nth($values, $i));
		@if $type == "rotate" or $type == "rotateY" or $type == "rotateX" {
			$originVal: append($originVal, $itemVal + deg);
		} @else {
			$originVal: append($originVal, $itemVal + px);
		}

			$i: $i + 1;
	}
	-webkit-transform: #{$type}unquote('(') + $originVal + unquote(')');
	-moz-transform: #{$type}unquote('(') + $originVal + unquote(')');
	transform: #{$type}unquote('(') + $originVal + unquote(')');
}