Sass减轻了功能问题

Question

好吧，我的Sass函数lighten()有问题，这是我的代码：

@for $i from 1 through 4{
    .par-#{$i}{
        background: lighten(#08725D, #{$i}0%);
        padding: 10px;
        border-radius: 5px;
    }
}

我认为我想要做的很明显，我只是想通过那个变量并增加bg颜色的亮度（当我增加类中的数字时），但我有这个错误在控制台中：

  

错误main.scss（第111行：$金额：＆＃34; 10％＆＃34;不是“减轻＆＃39”的数字）

我需要帮助。

Answer 1

$i包含一个数字。继续使用它作为数字而不是使用连接：

@for $i from 1 through 4{
    .par-#{$i}{
        background: lighten(#08725D, $i * 10);
        padding: 10px;
        border-radius: 5px;
    }
}