title: Splitting Multiple LESS arguments
body: <p>I have this mixin:</p>
  
  <pre><code>.gradient(@alpha, ...) {
      @r: extract(@arguments,1);
      @g: extract(@arguments,2);
      @b: extract(@arguments,3);
  
      background: -moz-linear-gradient(top,  rgba(@r,@g, @b, .2) 0%, rgba(0,0,0,@alpha) 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(@r,@g, @b, .2)), color-stop(100%,rgba(0,0,0,@alpha)));
      background: -webkit-linear-gradient(top,  rgba(@r,@g, @b, .2) 0%,rgba(0,0,0,@alpha) 100%);
      background: -o-linear-gradient(top,  rgba(@r,@g, @b, .2) 0%,rgba(0,0,0,@alpha) 100%);
      background: -ms-linear-gradient(top,  rgba(@r,@g, @b, .2) 0%,rgba(0,0,0,@alpha) 100%);
      background: linear-gradient(to bottom,  rgba(@r,@g, @b, .2) 0%,rgba(0,0,0,@alpha) 100%);
  }
  </code></pre>
  
  <p>Setting color and alpha:</p>
  
  <pre><code>@rgbColor: 221,73,50;
  @gradientAlpha: 0.3;
  </code></pre>
  
  <p>Using it:</p>
  
  <pre><code>.wrapper .gradient { .gradient( @gradientAlpha, @rgbColor ); }
  </code></pre>
  
  <p>Returns:</p>
  
  <pre><code>SyntaxError: error evaluating function `rgba`: color functions take numbers as parameters
  </code></pre>
  
  <p>Seems to work perfectly fine until I add the extra alpha param. I've been scouring the web for 24hrs but can't find anything that explains why this error would creep up. Can anyone shed some light on this?</p>
  
  <p>Much appreciated!</p>
  
  <p>EDIT:</p>
  
  <p>As per seven-phrases-max in the comments, I tried the following:</p>
  
  <pre><code>.gradient(...) {
      @color: extract(@arguments,1);
      @alpha: extract(@arguments,2);
  
      background: -moz-linear-gradient(top,  fade(@color, .2) 0%, color(0,0,0,@alpha) 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,fade(@color, .2)), color-stop(100%,fade(0,0,0,@alpha)));
      background: -webkit-linear-gradient(top,  fade(@color, .2) 0%,fade(0,0,0,@alpha) 100%);
      background: -o-linear-gradient(top,  fade(@color, .2) 0%,fade(0,0,0,@alpha) 100%);
      background: -ms-linear-gradient(top,  fade(@color, .2) 0%,fade(0,0,0,@alpha) 100%);
      background: linear-gradient(to bottom,  fade(@color, .2) 0%,fade(0,0,0,@alpha) 100%);
  }
  
  @myColor: 221,73,50;
  @gradientAlpha: 30%;
  
  .wrapper .gradient { .gradient(@myColor, @gradientAlpha); }
  </code></pre>
  
  <p>But this returns the following error:</p>
  
  <pre><code>SyntaxError: error evaluating function `fade`: Object #&lt;Object&gt; has no method 'toHSL'
  </code></pre>