Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.2.14)
// Compass (v0.12.2)
// ----

// loops through all arguments and prefixes the ones that need it (in this case only transform)
@function vendor-args($arg, $vendor) {
    $result: ();
    @each $i in $arg {
      @if $i == transform { $result: append($result, #{$vendor}$i); }
      @else { $result: append($result, $i); }
    }
  @return $result;
}

// general vendor mixin 
@mixin vendor($property, $args...){
  @each $vendor in ('-webkit-', '-moz-', '-ms-', '-o-', '') {
    $out: null;
    @each $arg in nth($args,1) {
      $out: ($out, vendor-args($arg, $vendor));
    }
    #{$vendor}#{$property}: $out;
  }
}

// general transition mixin
@mixin transition($args...) {
  @include vendor(transition, $args);
}

// test
test {
  @include transition( transform .3s ease-in-out, color .2s linear );
}

SassMeister-output.css

test {
  -webkit-transition: -webkit-transform 0.3s ease-in-out, color 0.2s linear;
  -moz-transition: -moz-transform 0.3s ease-in-out, color 0.2s linear;
  -ms-transition: -ms-transform 0.3s ease-in-out, color 0.2s linear;
  -o-transition: -o-transform 0.3s ease-in-out, color 0.2s linear;
  transition: transform 0.3s ease-in-out, color 0.2s linear;
}