francocatena / meteor-compass

MIT License
14 stars 2 forks source link

animation issue #4

Open F4b1n0u opened 9 years ago

F4b1n0u commented 9 years ago

Hi Guys :) I try to use the mixin related to animation

@import 'compass/reset';
@import 'compass/css3';
...
@include animation-name(open-backward);
@include animation-duration(0.2s);
...

but the css generated appear to be a bit ... weird i think

-webkit-animation-name: compact() open-backward;
   -moz-animation-name: compact() open-backward;
     -o-animation-name: compact() open-backward;
        animation-name: compact() open-backward;
-webkit-animation-duration: compact() 0.2s;
   -moz-animation-duration: compact() 0.2s;
     -o-animation-duration: compact() 0.2s;
        animation-duration: compact() 0.2s;

once I manually remove the compact() instruction in the css generated, everything works fine.

I know we can define an output style and the compact() function is probably related to it but I didn't set anything :sa

Anyway, someone have an idea about that ?

sferoze commented 8 years ago

I am having the same issue. Adding compact() around the transition value is the problem