Search code examples
sasscompass-sass

Creating a SCSS Compass-Style Mixin -> Animation

At the moment, I am trying to de-clutter some CSS into SCSS (via Compass Style). This is what I mean:

-webkit-animation: moveFromBottom 300ms ease;
-moz-animation: moveFromBottom 300ms ease;
-ms-animation: moveFromBottom 300ms ease;

------------>

I have done something similar with my transition for example:

Before:

-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;

After:

@include single-transition(all, 200ms, linear);

However my issue is that I cannot find a Compass Style support for this. How do you create this into a mixin, with "moveFromBottom" included?

Solution

  • Look into the compass-animation plugin for Compass.