萨斯混入并不需要的价值，但变量名称，而不是

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%; 
}