如何在SASS [scale-color]函数中使用CSS变量？
如何在SASS [scale-color]函数中使用CSS变量？
提问于 2021-10-19 18:58:02
类似的问题，但需要这个帮助，我想改变整个网站的颜色使用两个css变量，--color-primary和--color-secondary，因为我有两个颜色选项在管理仪表板。管理员可以改变每个上市公司的颜色根据他们的品牌。
所以我有5种颜色，两种是深色，另外三种是浅色，来自相同的颜色家族。
我想在一些地方将暗颜色转换为亮颜色。这是我的代码，它不能工作。Codepen
:root {
--color-primary: blue;
--color-secondary: red;
}
$primary : var(--color-primary);
//convert to light form primary color
$bg-color : scale-color($primary, $lightness:80%);
.logo{
background: $bg-color;
height: 100px;
width:100px;
} 有人知道我如何解决这个问题吗？或者这是不可能的？提前谢谢。
回答 2
Stack Overflow用户
发布于 2021-10-19 19:24:37
它不能将从css根选择器分配的变量作为参数。但是你可以这样做：
$primary:blue;
$bg-color:lighten($primary,80%);
or $bg-color:scale-color($primary,$lightness:80%);
.logo{
background: $bg-color;
}此网站可能包含解决方案https://codyhouse.co/blog/post/how-to-combine-sass-color-functions-and-css-variables
Stack Overflow用户
发布于 2021-10-19 19:04:56
去掉原色，你就可以开始了
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69636334
复制相关文章
相似问题
腾讯云开发者
