将CSS变量与scss变暗并使用ligthen过滤器一起使用

CSS

樱西门

2020-04-03

我想在CSS4中使用scss lighten()darken()function var

像这样 :

box-shadow: inset 0px -2px 50px 45px darken(var(--colorbtn),20%);

似乎无法正常工作,gulp写道:

Error: $color: "var(--colorbtn)" is not a color for `darken'

它不可能做到吗?

第3908篇《将CSS变量与scss变暗并使用ligthen过滤器一起使用》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
阿飞 2020.04.03

由于SASS是预处理器,因此CSS定制属性可以在运行时动态更改,因此这实际上是行不通的为了使SASS能够通过变暗对其进行预处理,就必须用一个静态值替换该自定义属性,在这种情况下,该自定义属性的用处就丧失了。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android