有关 scss 函数使用的问题

来源：1-1 导学

johnny_2008

2022-07-22

老师您好
想用 scss 的 darken 函数，给 element 字体颜色加深，编译不过去直接抛异常了，但不用 scss 这个函数就正常，怎么使用才正常呢

.el-menu-item {
      color: darken(var(--el-menu-text-color), 10%); /*报错的情况*/
      /* color: var(--el-menu-text-color); 不会报错的情况*/
      font-weight: 600;
      height: calc(var(--el-menu-item-height) - 20px);
}

不使用 scss 函数的情况
图片描述

使用 scss 函数的情况
图片描述

写回答

1回答

好帮手慕小李

2025-01-23

darken 函数在新模块系统中被替换为 color.adjust

如下：

.element {

// color: darken(var(--el-menu-text-color), 10%);

color: color.scale($color, $lightness: -10%);

}

CSS架构系统精讲理论+实战玩转蘑菇街

解决CSS难维护、难扩展、难复用问题，助力前端工程师弯道超车

564 学习 · 71 问题

查看课程

相似问题

代码问题

回答 1

关于 CSS 压缩的问题

回答 1

下载的 mogu-production zip包，解压安装后，启动报错

回答 5

关于h5移动端12px的问题

回答 1

关于 vue 中 scss 智能提示

回答 1

打开慕课网App查看更多内容