リストに盛り付けの変数を動的に作成する

Question

基本的には、それぞれイメージと色を含むたくさんのスタイルを生成しようとしています。色はリストされ、変数は同じ方法で名前が付けられます。問題は、私は{カラー}の近くに（動的に生成された名前を使用するサスを持つことができませんです。しかし、それはこのようにそれを使用することが可能です？ありがとう！

$color-style-winter: #11111; 
$color-style-christmas: #22222; 

$styles: 'winter' 'hills', 
    'christmas' 'xmas'; 

@each $name, $image in $styles { 
    .style-#{$name} { 
     background: url('../../images/styles/#{$image}.jpg'); 
    } 

    a { 
     color: $color-style- + $name; 
    } 
} 

Answer 1

私はあなたの質問を理解してわからないんだけど完全にはなくSASS補間Docsや提供品の外観を持つプレースホルダを使用し

コードは次のようになります。。。

%my-style-test1 {color: red;} 
%my-style-test2 {color: blue;} 

$style: 'test1' 'test2'; 

@each $name in $style { 

  a { 

    @extend %my-style-#{$name}; 

  } 

} 

CSS：

a { 
     color: red; 
    } 

a { 
     color: blue; 
    } 

例はあまり役に立たないですが、％のplacholderと補間

SASS Docs interpolation SASS Articel Interpolation