SASSリスト/マップの値を実際に要素に適用するにはどうすればよいですか？

Question

私はプロジェクトを継承しましたし、それが持っているそのSCSSファイル内の変数リスト/マップを持っています

$palette: (
    success: #53a646, 
    warning: #faa41a, 
    alert: #ec5840, 
); 

私は、これらの変数（warning）のいずれかを使用して要素に適用します。私はグーグルだが、それを適用する方法を見つけることができていない。

私のような例を見てきました：

.warning-btn { 
background-color: nth($palette, 2); 
} 

をしかし、これは私のために働いていません。

変数を要素に適用する正しい方法を知っている人はいますか？

Answer 1

次

$palette: (
    success: #53a646, 
    warning: #faa41a, 
    alert: #ec5840, 
); 
.warning-btn { 
background-color:#{map-get($palette,warning)} 
} 

にコードを変更

は、それが感謝だ