Оценить переменную или выражение внутри строки в Sass

Question

Я хочу создать миксин для установки прозрачного div.Строка -ms-фильтра должна быть заключена в кавычки, но она также должна содержать результат вычисления (сумма $ * 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;
}