什麼不是用這個Mixin編譯？

Question

下面的mixin沒有編譯成CSS，我找不出原因。它不會給出任何錯誤。

CSS輸出是here：

@mixin calc-height($element, $percentage, $pixels) { 
    $element: -moz-calc(#{$percentage} - #{$pixels}); 
    $element: -webkit-calc(#{$percentage} - #{$pixels}); 
    $element: -o-calc(#{$percentage} - #{$pixels}); 
    $element: calc(#{$percentage} - #{$pixels}); 
} 

.white-triangle { 
    width: 0; height: 0; 
    border-top: 30px solid transparent; 
    border-bottom: 30px solid transparent; 
    border-right: 20px solid white; 
    position: absolute; 
    @include calc-height("top", "50%", "15px"); 
} 

Answer 1

哦，我想通了。你只需要像這樣調用元素變量：

@mixin calc-height($element, $percentage, $pixels) { 
    #{$element}: -moz-calc(#{$percentage} - #{$pixels}); 
    #{$element}: -webkit-calc(#{$percentage} - #{$pixels}); 
    #{$element}: -o-calc(#{$percentage} - #{$pixels}); 
    #{$element}: calc(#{$percentage} - #{$pixels}); 
}