2011-10-12 61 views
0

我正在设置堆叠条形图的样式,我很乐意使用SASS颜色处理函数来创建循环中的变体。显然,我不能使用SASS函数里面一个for循环:Rails 3.1 SCSS - 我可以在SASS for循环中调用SASS函数吗?

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

的想法是,颜色从100%#75CFFF衰为100%#2C5999在10倍%的增量。

有没有办法做到这一点?

回答

0

明白了。

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