評估Sass中字符串中的變量或表達式

Question

我想創建一個將div設置爲透明的mixin。 -ms-filter行需要引用，但它也需要包含計算結果（$ amount * 100）。如何評估字符串中的變量？

@mixin transparent($amount: .7, $color: black) { 
    background: $color; 
    -ms-filter: progid:"DXImageTransform.Microsoft.Alpha(Opacity=$amount * 100)"; 
    filter: alpha(opacity= $amount * 100); 
    opacity: $amount; 
} 

Answer 1

您需要使用插值來強制變量或表達式的值發生，否則薩斯會像對待其他任何字符串內容：

@mixin transparent($amount: .7, $color: black) { 
    background: $color; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#{$amount * 100})"; 
    filter: alpha(opacity= $amount * 100); 
    opacity: $amount; 
}