SASS mixin使用SASS rgba（）函数不能使用插值

Question

SASS文档说rgba函数可以通过2种方式调用。

我创建了一个codepen以证明我有问题，一个mixin的RGBA功能：

$hd-color1: #366dbd; // heading color 
$hd-shadow1: 0.24;  // text shadow opacity 

@mixin ColorAndTextShadow($color, $opacity) { 
    color: $color; 
    text-shadow: 3px 1px rgba(#{$color}, #{$opacity}); 
} 

h2 { 
    @include ColorAndTextShadow (#{$hd-color1}, #{$hd-shadow1}); 
    font-family: Circular, Helvetica, Arial, sans-serif; 
    font-size: 50px; 
    font-weight: bold; 
    text-transform: uppercase; 
} 

预先感谢考虑看看

Answer 1

我相信这只是一个语法错误。您可以直接传入变量。

请参阅codepen

$hd-color1: #366dbd; // heading color 
$hd-shadow1: 0.24;  // text shadow opacity 

@mixin ColorAndTextShadow($color, $opacity) { 
    color: $color; 
    text-shadow: 3px 1px rgba($color, $opacity); 
} 

h2 { 
    @include ColorAndTextShadow ($hd-color1, $hd-shadow1); 
    font-family: Circular, Helvetica, Arial, sans-serif; 
    font-size: 50px; 
    font-weight: bold; 
    text-transform: uppercase; 
}