在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

您需要使用插值来强制对变量或表达式进行评估，否则Sass会将其视为任何其他字符串内容：

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