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

This question already has answers here:

Repeat dots in LESS / SASS for Content property
                                
                                    （3个答案）
                                
                        
                                在11个月前关闭。
            
                    
我想在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（）...）。

对这个问题有什么想法吗？通常它应该工作

最佳答案

这是完成任务的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);

关于css - 为什么SSS重复功能不起作用？ ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54609678/