Multiple transforms using Compass

Question

I'm in the case where I have multiple transforms on one element, so my question is how do you translate this into Compass while keeping the named transforms:

-webkit-transform: translateY(-100%) scale(0.5);
-moz-transform: translateY(-100%) scale(0.5);
transform: translateY(-100%) scale(0.5);
-ms-transform: translateY(-100%) scale(0.5);

Something like : @include translateY(-100%) scale(0.5);

Thank you.

Answer 1

You need to use the transform mixin rather than the shortcut mixins for each specific transformation:

@include transform(translateY(-100%) scale(0.5));

It's pretty simple - just pass it the transforms you want, using the official css syntax.