css - 在 sass 中混合两种颜色

Question

假设我在 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()函数但无济于事。就好像我有一个$primary-color-overlay放在$background-color.

我也想将组合颜色保存为变量。

标签： csssass

Answer 1

我认为你需要这个：

background-color: #4e73df;
background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%);