title: How can I use a loop to create a comma delimited value without an extra comma at the end?
body: <p>I'm using @for to create multiple box-shadow arguments:</p>
  
  <pre><code>.myclass {
  
      $bxsw : "";
      @for $i from 1 through 10 {
        $bxsw : $bxsw + " -" + $i + "px -" + $i + "px " + brown + ",";
      }
  
      box-shadow: #{$bxsw};
  
  }
  </code></pre>
  
  <p>Which gives me:</p>
  
  <pre><code>.myclass {
      box-shadow: -1px -1px brown, -2px -2px brown, -3px -3px brown, -4px -4px brown, -5px -5px brown, -6px -6px brown, -7px -7px brown, -8px -8px brown, -9px -9px brown, -10px -10px brown,;
  }
  </code></pre>
  
  <p>Notice that last extra comma? This causes Firefox not to render the box-shadows. Is there a programmatic way of removing the last comma?</p>