CODEWITHSUNDEEP
csssasstransformcompass-sass
AliEzer
AliEzer

Reputation: 103

Multiple transforms using Compass

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.

Upvotes: 10

Views: 13313

Answers (1)

Miriam Suzanne
Miriam Suzanne

Reputation: 14010

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.

Upvotes: 26

Related Questions