title: Creating a SCSS Compass-Style Mixin -> Animation
body: <p>At the moment, I am trying to de-clutter some CSS into SCSS (via Compass Style). This is what I mean:</p>
  
  <pre><code>-webkit-animation: moveFromBottom 300ms ease;
  -moz-animation: moveFromBottom 300ms ease;
  -ms-animation: moveFromBottom 300ms ease;
  </code></pre>
  
  <p>------------></p>
  
  <p>I have done something similar with my transition for example:</p>
  
  <p>Before:</p>
  
  <pre><code>-webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
  </code></pre>
  
  <p>After:</p>
  
  <pre><code>@include single-transition(all, 200ms, linear);
  </code></pre>
  
  <p>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?</p>