SCSSで変数前の小数点をエスケープ出来ますか？

Question

以下のように、透過背景をfor分で量産させたいのですがエラーになりました。
どうやら小数点前の「$i」がエラーになるみたいです。
対応方法ございますでしょうか？

@for $i from 1 through 9 {
  .alpha-0#{$i} {
    background-color: rgba(0, 0, 0,.$i);
  }
}

Answer 1

0.1～0.9を作りたいのですよね?

@for $i from 1 through 9 {
  .alpha-0#{$i} {
    background-color: rgba(0, 0, 0, $i / 10);
  }
}

Comments

[komurojun]

なるほど単純に割ればよかったのですね。
思いつきませんでした。ありがとうございます。