css - 循环内的SASS插值将增量转换为字符串

Question

我要创建一个 SASS 循环来创建一些实用程序类:

@for $i from 1 through 10 {
    &border-white-#{($i * 10)} {
        border-color: color($color-white, #{$i / 10});
    }
}

这个颜色函数设置了 RGBA alpha 值，但 SASS 目前说 alpha 值必须是一个整数，但提供了一个字符串。

检查值的类型时，它显示字符串。

如何将此插值转换为整数？

Answer 1

删除 "color($color-white, #{$i/10});" 中的#{}。那时不需要它，因为您没有将该值输出到 native CSS 函数。我还建议使用 sassmeister.com用于快速 Sass 调试。

此答案中的假设:

• Color 函数是您自定义的 sass 函数，它使用 Sass 的 RGBA 函数。