前提
app/assets/stylesheets/style.css.scss
に、以下の定義を書いています。
@each $color in red, purple, blue, green, yellow, orange {
.c_#{$color} {
color: $color;
}
}
発生している問題・エラーメッセージ
スタイルは適用されるのですが、ターミナルに以下の警告が出ます。
You probably don't mean to use the color value ' blue ' in interpolation here.
It may end up represented as #0000ff, which will likely produce invalid CSS.
Always quote color names when using them as strings (for example, "blue").
If you really want to use the color value here, use ' "" + $color '.
試したこと
警告に書いてある通り、以下のように修正しましたが、スタイルが適用されず、無効な値になります。
@each $color in red, purple, blue, green, yellow, orange {
.c_#{$color} {
"" + $color;
}
}
どのように修正すればよいでしょうか。
補足情報 (OS, ツールのバージョンなど)
環境: Rails 4.2.10