css - 为什么 scss 重复功能不起作用？

Question

我想在 scss 中执行此操作border-color: rgb(170, 170, 170) repeat(3,black) ;

代替border-color: rgb(170, 170, 170) black black black ;

但是当我查看 css 文件时，我发现 scss 将其编译为

border-color: rgb(170, 170, 170) repeat(3,black) ;

所有其他功能都运行良好（ lighten() ,darken() ... ）。

关于这个问题的任何想法？通常它应该工作

标签： csssasscompilation

Answer 1

这是一个可以完成这项工作的 SASS 函数。

@function repeater($n, $character) {
    $c: "";

    @for $i from 1 through $n {
        $c: $c +" "+ $character;
    }

    @return unquote($c);
}

// now i can use it :D
border-color: rgb(170, 170, 170) repeater(3, black);