SASS - Transition mixin with var args and shared args - sass

Question

Here's what I'm trying to do, I'd like to create a mixin that allows a variable number of properties, and also allows me to use single DRY vals for (in this example) a transition.
So I could say, "transition the box-shadow, border, and width # .2s with a ease-in."
Here's some pretty serious psuedo-code off the top of my head. The part I'm most unsure about is how to take the list so that it compiles in the proper way. I wasn't sure if append would be the right way, or if I needed to concatenate a string var, or what?
/* move object*/
.moveit{
#include grouped-trans((box-shadow, border, width), 0.2s, ease-in);
}
/* mixin */
#mixin grouped-trans($list, $time, $ease)
{
#each $prop in $list {
//transition: append($prop, $time, $ease);
// - or -
//$tmp_var + $list, $time, $ease;
}
I know there are ways to incorporate variable args using methods like string interpolation #{} and including '...' as a parameter. But I - ideally - would like to find a way to execute this in the way I described.

Answer 1

Here's how you build the mixin you're looking for. Note that this does require use of Compass, but it's silly to use Sass without using Compass.
#import "compass";
#mixin grouped-trans($list, $time, $ease) {
#include transition-property($list);
#include transition-duration($time);
#include transition-timing-function($ease);
}
.moveit {
#include grouped-trans((box-shadow, border, width), 0.2s, ease-in);
}
The above SCSS will compile to the following CSS:
.moveit {
-webkit-transition-property: box-shadow, border, width;
-moz-transition-property: box-shadow, border, width;
-o-transition-property: box-shadow, border, width;
transition-property: box-shadow, border, width;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}