美文网首页
scss\sass calc 的@mixin&@include

scss\sass calc 的@mixin&@include

作者: 程序猿人王小贱 | 来源:发表于2017-08-17 10:35 被阅读0次

scss\sass calc 的mixin&include 处理方法

How can I create a calc mixin to pass as an expression to generate tags?

CSS3的calc()使用

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

.test {
  @include calc(width, "25% - 1em");
} 

Will render as

.test { 
    width: -webkit-calc(25% - 1em); 
    width: calc(25% - 1em);
}

相关文章

网友评论

      本文标题:scss\sass calc 的@mixin&@include

      本文链接:https://www.haomeiwen.com/subject/spegrxtx.html