时间戳

首页 > 解决方案 > 如何将变量传递给亮度（$color）？SCSS

css - 如何将变量传递给亮度（$color）？SCSS

问题描述

我想创建一个将color根据background-colorlightness() 更改的函数，但出现错误

$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);

标签： csssass

解决方案

从代码看起来你正在使用 data-color 属性是 down 标记。

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

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

即替换

$background-color: attr(data-color)

和

$background-color: #000000

推荐阅读