title: SASS Compass Linear Gradients with px color stops & webkit
body: <pre><code>@include linear-gradient(color-stops(#e2e2e2, #fff 600px), top);
  </code></pre>
  
  <p>will generate something like</p>
  
  <pre><code>background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #e2e2e2), color-stop(100%, #ffffff));
                                                       ^ this is not 600px
  </code></pre>
  
  <p>Also I learnt from <a href="https://stackoverflow.com/questions/4968896/css-gradients-with-little-content-fix-has-problem-with-chrome">this post</a> that in webkit I should be using something like 600 instead of 600px. </p>
  
  <p>Does Compass not do that? </p>
  
  <p>Also I need to add <code>background-repeat: no-repeat</code> else the gradient will repeat in webkit?</p>