SCSSはマップ内の関数をループします

Question

SCSSのマップ内のループから一連の関数を出力することは可能ですか？

はではありませんが、これは私がやりたいことです。

$colorvars : ( 
    red : #cc0000, 
    blue : #1e8cea, 
    green : #27a249, 
    teal : #41bdbb, 
    purple : #5c369e, 
    yellow : #ecd340 
) 

$colors: (
    @each $key, $value in $colorsvars { 
    $key : color-palette($value) 
    } 
) 

color-palette($value)は関数です。

さらに必要に応じてhttps://codepen.io/umbriel/pen/LLvPPK?editors=1100をチェックしてください。

ありがとうございました！

Answer 1

正確に何を達成しようとしているのかわかりませんが、色の値を割り当てようとしている場合は、これをもっと簡単にすることができます。

$myColours: (
first: #000000, 
second: #FF4400; 
); 
p { color: map-get($myColours, first); } 

チェックより多くの例については、このリンク - >https://codepen.io/jakealbaugh/post/using-sass-functions-to-access-complex-variable-maps