SASS / SCSS @mixin用于供应商前缀而不使用地图

时间:2016-02-06 19:54:41

标签: sass

我很新SASS / SCSS,但基本上。我有一个mixin供应商为前缀添加东西:

@mixin prefix($props) {
  @each $prop, $val in $props {
    @each $prefix in (ms, moz, ms) {
      #{'-' + $prefix + '-' + $prop}: $val;
    }
    #{$prop}: $val;
  }
}

除非我必须执行以下操作:

.myclass {
  @include prefix((
    transform: translateY(180deg),
    perspective: 1000px
  ))
}

这感觉不必要地笨重,当然必须有一种方法我可以写喜欢

.myclass {
  @include prefix {
    transform: translateY(180deg);
    perspective: 1000px;
  }
}

甚至:

.myclass {
  @include prefix(
    transform: translateY(180deg),
    perspective: 1000px
  )
}

我知道SASS / SCSS有...可用于参数列表。是否有类似的东西会返回地图?

0 个答案:

没有答案