SCSS循環裏面的地圖功能

道歉，如果這是一個愚蠢的問題 - 但是有可能從SCSS中的地圖內的循環輸出一堆功能？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以獲取更多上下文。

謝謝！

來源

2017-07-17 Sebastian Graz

不確定你想要在那裏完成什麼，但如果你想分配顏色值，你可以使這個更簡單，然後它是現在。

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

來源

2017-07-17 14:29:00

嗨托米斯拉夫，我知道我可以從地圖數組得到的顏色。但我想使用地圖中的$ keys和$ values，並將它們分配給一個名爲'color-palette（）'的函數。希望這是有道理的。 –

嘿塞巴斯蒂安，什麼樣的預期產出？會是'red：＃cc0000'還是它會是'red'或是'＃cc0000'？因爲我不完全明白你想用這個函數實現什麼，而不是從數組中分配值鑰匙。 –

最後的輸出將會是類似於 'red：color-palette（＃cc0000），blue：color-palette（＃1e8cea）'等等。但是在$ colors圖裏面 –

SCSS循環裏面的地圖功能

回答

相關問題