Sass mixin不';不是取值而是取变量名

Sass mixin不';不是取值而是取变量名,sass,mixins,Sass,Mixins,我有简单的calc mixin: @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-ca

我有简单的calc mixin:

@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%;
我做错了什么? 为什么只有最后一行是可以的

提前谢谢

您需要使用:

屈服

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

谢谢,你能告诉我如何使用$what参数吗?(在mixin中使用它而不是“width”)同样的方法-只需将mixin中的
width
属性替换为
{$what}
.sel {
  width: -webkit-calc(100%- 6px);
  width: -moz-calc(100%- 6px);
  width: calc(100%- 6px);
  width: 100%;
}