// Transform Mixins
// --------------------------------------------------


@mixin transform($val) {
  -webkit-transform: $val;
          transform: $val;
}

@mixin translate($x, $y) {
  @include transform( translate($x, $y) );
}

@mixin translate3d($x, $y, $z) {
  @include transform( translate3d($x, $y, $z) );
}

@mixin translateZ($z) {
  @include transform( translateZ($z) );
}

@mixin rotate($degrees) {
  @include transform( rotate($degrees) );
}

@mixin scale($ratio) {
  @include transform( scale($ratio) );
}

@mixin skew($x, $y) {
  @include transform( skew($x, $y) );
  -webkit-backface-visibility: hidden;
}

@mixin transform-origin($left, $top) {
  -webkit-transform-origin: $left $top;
          transform-origin: $left $top;
}