Question

我想创建一个函数，该函数将基于color lightness（）更改background-color，但会出现错误

$color中的参数lightness($color)必须是颜色

设置color: set-color(#000000);时一切正常，但是我需要设置变量（$background-color）。有办法实现吗？

        @function set-color($color) {
            @if (lightness($color) >= 50) {
                @return #000;
            }
            @else {
                @return #FFF;
            }
        }

        $background-color: attr(data-color);
        background-color: $background-color;
        color: set-color($background-color);

Answer 1

从代码中看，您似乎正在使用data-color属性为down标签。

将属性添加到html中的适当元素

或将$ background-color硬编码为某个值

即替换

$background-color: attr(data-color)

与

$background-color: #000000

如何将变量传递给lightness（$ color）？ SCSS

1 个答案: