SCSSの別の変数で変数を使用する方法

Question

別の変数で変数を使用する方法はありますか？私はこれを行うことができますどのように ：

$buttons: default, success, primary, info, warning, danger; 

$default_color: #aaa; 
$success_color: #bbb; 
$primary_color: #ccc; 
$info_color: #ddd; 
$warning_color: #eee; 
$danger_color: #fff; 


@each $b in $buttons { 
    .btn-#{$b} { 
    color: $#{b}_color; 
    } 
} 

Answer 1

あなたが探している方法はまだSCSSで実装されていませんが、あなたはこのような何かを行うことができます。

$default_color: #aaa; 
$success_color: #bbb; 
$primary_color: #ccc; 
$info_color: #ddd; 
$warning_color: #eee; 
$danger_color: #fff; 

$buttonsList: 
    "default" $default_color, 
    "success" $success_color, 
    "primary" $primary_color, 
    "info" $info_color, 
    "warning" $warning_color, 
    "danger" $danger_color; 

@each $b in $buttonsList { 
    .btn-#{nth($b, 1)} { 
    color: nth($b, 2); 
    } 
} 

Sassmeister link。

Answer 2

Sassでは、変数を動的に作成またはアクセスすることはできません。 代わりに地図を使用 http://sass-lang.com/documentation/file.SASS_REFERENCE.html#maps 例：https://stackoverflow.com/a/17978519