假设我在 sass 文件中有这些变量:
$steel-blue: rgba(74, 148, 181,1)!default;
$black: rgba(0, 0, 0,1)!default;
$primary-color: $steel-blue;
$background-color: $black;
$primary-color-overlay: rgba($primary-color,8%);
我想将 $background-color
与 $primary-color-overlay
混合,这应该给我:#060C0E
。
我尝试使用 mix()
函数但无济于事。就好像我在 $background-color
之上放置了一个 $primary-color-overlay
。
我也想将组合颜色保存为变量。
最佳答案
这不是一种简单的方法,需要一些试验和错误,但您可以通过使用以下方法使用 Mix 实现它:
background-color: mix($background-color, $primary-color, 92%);
您只需要计算出您想要的两种颜色的混合百分比。 #060C0E 不是两者的 50/50 混合。
https://stackoverflow.com/questions/67178272/
相关文章:
azure - 通过门户从 azure blob 容器下载多个文件,而不是一次下载一个文件
amazon-web-services - 使用 http post flutter web 时出现
firebase - react native 应用程序中 firebase 日志的 iOS 14.
javascript - 用于检查集合的第一个字符和最后一个字符是否不同的正则表达式
javascript - Mongoose 按 createdAt 排序
spring - 不能模拟 StreamBridge Final
python - 有没有一种好方法可以将函数累积应用于 pandas 系列字符串?