title: Compass multiple css transitions
body: <p>How can one do multiple css transitions like this <a href="http://jsfiddle.net/SvYvq/3/" rel="noreferrer">Jsfiddle</a> with  <a href="http://compass-style.org/" rel="noreferrer">Compass</a>?</p>
  
  <p>What I am trying to do is basecly write this code below with Compass.</p>
  
  <pre><code>-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;
  </code></pre>