关于css3的calc属性用scss定义函数的写法
in 干货分享 with 0 comment

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

in 干货分享 with 0 comment

从开始接触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});}

来源:昔年个人博客

Responses