在sass中设置$ primary-color的不透明度

Question

是否可以选择在您定义的颜色上包含不透明度作为sass变量中的主要/次要颜色？在减轻($ color,amount)功能的时尚？

Answer 1

你可以使用rgba,即

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

它也适用于十六进制值

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

您还可以根据变量值设置颜色的不透明度.例如:

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

演示