在Sass中的$ primary-color上设置不透明度[duplicate]

是否可以在sass变量中定义为原色/副色的颜色上包含不透明度?用lighten($ color,amount)函数的方式?

2020/03/23 15:43:46

您可以使用rgba,即

$primary:rgba(20,20,20, .5);

它也适用于十六进制值

$primary:rgba(#4B00B5, .3);

您还可以基于变量值设置颜色的不透明度。例如:

$primary-color:#a61723;
....
color:rgba($primary-color, .5);

演示版