Rails 3.1 SCSS - 我可以在SASS for循环中调用SASS函数吗？

Question

我正在设置堆叠条形图的样式，我很乐意使用SASS颜色处理函数在循环中创建变体。显然我不能在for循环中使用SASS函数：

@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%);
  }
}