

## 前提

`app/assets/stylesheets/style.css.scss` に、以下の定義を書いています。

[code]

    @each $color in red, purple, blue, green, yellow, orange {
      .c_#{$color} {
        color: $color;
      }
    }
    
[/code]

* * *

## 発生している問題・エラーメッセージ

スタイルは適用されるのですが、ターミナルに以下の警告が出ます。

> 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 '.

* * *

## 試したこと

警告に書いてある通り、以下のように修正しましたが、スタイルが適用されず、無効な値になります。

[code]

    @each $color in red, purple, blue, green, yellow, orange {
      .c_#{$color} {
        "" + $color;
      }
    }
    
[/code]

どのように修正すればよいでしょうか。

* * *

## 補足情報 (OS, ツールのバージョンなど)

環境: Rails 4.2.10


CC BY-SA 4.0
2018-10-03T07:48:48.727
48925
2019-05-05T08:28:01.913
2019-05-05T05:49:57.890
32986
30342
question
ruby-on-rails ruby sass
sassで`color: value`利用時に警告が出る


use ' "" + $color ' は "" + $color; にするように言ってるのではなく  
color: などのプロパティを追加するよう警告しています。  
なので下記のようにすればエラーにならないです。

[code]

    @each $color in red, purple, blue, green, yellow, orange {
      .c_#{$color} {
        color: $color
      }
    }
    
[/code]


CC BY-SA 4.0
2019-05-05T08:28:01.913
54737
2019-05-05T08:28:01.913
9301
48925
answer