Compass multiple trans css

Question

Come è possibile eseguire più transizioni css come questa Jsfiddle con Compass?

Quello che sto cercando di fare è basicamente scrivere questo codice qui sotto con Bussola.

-webkit-transition: top 0.3s ease-out, background .9s .5s ease-out; 
    -moz-transition: top 0.3s ease-out, background .9s .5s ease-out; 
    -o-transition: top 0.3s ease-out, background .9s .5s ease-out; 
     transition: top 0.3s ease-out, background .9s .5s ease-out; 

Answer 1

È questo quello che stai cercando? http://compass-style.org/reference/compass/css3/transition/#mixin-transition

@include transition(top 0.3s ease-out, background .9s .5s ease-out);

Answer 2

Se si utilizza un mixin per definire la transizione e si ottiene questo errore:

error: mixin transition only takes 1 arguments; given 2

provare che racchiude i valori tra parentesi come:

@include transition((bottom .5s, background 2s)); 

Answer 3

Dalla documentazione:
http://compass-style.org/reference/compass/css3/transition/#mixin-transition

che potrebbe avere cambiato nel corso degli anni, ma ora è così:

single-transition($property, $duration, $function, $delay) 

Avviso il $ ritardo è ultima, non come nella risposta corretta in cui è penultimo.