美文网首页
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