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

【问题标题】：Rails 3.1 SCSS - Can I invoke SASS functions inside a SASS for loop?Rails 3.1 SCSS - 我可以在 SASS for 循环中调用 SASS 函数吗？
【发布时间】：2011-10-19 01:50:43
【问题描述】：

我正在为堆积条形图设置样式，我很想使用 SASS 颜色操作函数来创建循环中的变化。显然我不能在 for 循环中使用 SASS 函数：

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

这个想法是颜色以 10% 的增量从 100% #75CFFF 渐变到 100% #2C5999。

有什么办法吗？

【问题讨论】：

标签： ruby-on-rails-3.1 sass

【解决方案1】：

知道了。

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

【讨论】：