薩斯混入並不需要的價值，但變量名稱，而不是

Question

我有簡單的計算混入：

@mixin calc($what, $how, $that) { 
    width: -webkit-calc($how- $that); 
    width: -moz-calc($how - $that); 
    width: calc($how- $that); 
    width: $how; 
} 

裏面我是用：

@include calc("width", 100%, 6px); 

但是編譯後我得到：

width: -webkit-calc($how- $that); 
    width: -moz-calc($how - $that); 
    width: calc($how- $that); 
    width: 100%; 

我做錯了什麼？ 爲什麼只有最後一行是好的？

在此先感謝！

Answer 1

您需要使用Sass variable interpolator：

@mixin calc($what, $how, $that) { 
    width: -webkit-calc(#{$how}- #{$that}); 
    width: -moz-calc(#{$how}- #{$that}); 
    width: calc(#{$how}- #{$that}); 
    width: $how; 
} 

.sel { 
    @include calc("width", 100%, 6px); 
} 

產量

.sel { 
    width: -webkit-calc(100%- 6px); 
    width: -moz-calc(100%- 6px); 
    width: calc(100%- 6px); 
    width: 100%; 
}