Rails 3.1 SCSS - 我可以在SASS for循環中調用SASS函數嗎？

Question

我正在設置堆疊條形圖的樣式，我很樂意使用SASS顏色處理函數來創建循環中的變體。顯然，我不能使用SASS函數裏面一個for循環：

@for $i from 0 through 9{ 
    .Bar#{$i}{ 
    background-color:{mix(#75CFFF, #2C5999, #{i * 10}%)}; 
    } 
} 

的想法是，顏色從100％＃75CFFF衰爲100％＃2C5999在10倍％的增量。

有沒有辦法做到這一點？

Answer 1

明白了。

@for $j from 0 through 4{ 
    .Bar#{$j}{ 
    @extend .Bar; 
    background-color:mix($background-color, #2C5999, (10-$j)*10%); 
    } 
}