css - SassCSSグラデーションジェネレーター

Question

このJSFiddleを見てください

http://jsfiddle.net/JamesKyle/wLkLE/2/

この外観をSASSでhttp://jsfiddle.net/JamesKyle/EyxHE/3/に再現して、簡単に変更できるようにします。

これは私が問題を抱えているコードです...

@for $i from 1 through $numberOfUnits {
  if $i == 1 {
    $lineargradient: $majorColor 0%, $majorColor $majorWidthPercent, $gapColor $majorWidthPercent, $gapColor $unitWidthPercent
  }
  else if $i > 1 {
    $minor-begin: ($i-1)*$unitWidthPercent;
    $minor-end: (($i-1)*$unitWidthPercent)+$minorWidthPercent;
    $gap-begin: $minor-end;
    $gap-end: $i*$unitWidthPercent;

    $lineargradient: #{$lineargradient}, $minorColor $minor-begin, $minorColor $minor-end, $gapColor $gap-begin, $gapColor $gap-end;
  }
}​

これをコーディングして出力する方法がわかりません。

$lineargradient: rgba(0,0,0,0.15)...

SASSのドキュメントは、このようなことを行う方法についてあまり明確ではありません

ここでも、JSFiddle形式でこれを確認できます。

http://jsfiddle.net/JamesKyle/wLkLE/2/