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; 
}