关于css3的calc属性用scss定义函数的写法

从开始接触less以来就喜欢上了less，后来又接触到了scss，更是让我觉得写css还有这么方便的写法，吧自己常用的写法定义好，然后用的时候直接一句话调用就ok，一下子的解决了兼容性的问题。但是有的scss时候写法比较特殊，比如下面的calc这种新的css3属性更是特殊，找了网上的方法得到了下面的写法。

错误的尝试 scss\sass mixin

@mixin wcalc ($exp) {
width: -moz-calc($exp);
width: -webkit-calc($exp);
width: calc($exp);

然而上面这个写法是会报错的

正确的写法 scss\sass mixin

@mixin calc($property, $expression) {
#{$property}: -webkit-calc(#{$expression});
#{$property}: calc(#{$expression});}

来源：昔年个人博客