在 Less 中组合多个“转换”条目

我有两个 mixin，它们都转换为-webkit-transform:

.rotate(@deg) {
  -webkit-transform: rotate(@deg);
}

.scale(@factor) {
  -webkit-transform: scale(@factor);
}

当我一起使用它们时：

div {
  .rotate(15deg);
  .scale(2);
}

...它们（如预期）显示为：

div {
  -webkit-transform: rotate(15deg);
  -webkit-transform: scale(2);
}

这似乎不是有效的 CSS，因为第二个优先于第一个；第一个被丢弃。结合transform条目应该是：

-webkit-transform: rotate(15deg) scale(2);

我怎样才能完成这样的CSS由LESS生成，即多个transform条目是否正确组合？

从Less v1.7.0开始，合并属性值 http://lesscss.org/features/#merge-feature-space使用空格分隔符是可能的，并且无需将两个 mixins 合并为一个。

下面少了代码

.rotate(@deg) {
  -webkit-transform+_: rotate(@deg);
}

.scale(@factor) {
  -webkit-transform+_: scale(@factor);
}

div{
    .rotate(45deg);
    .scale(1.5);
}

将编译成以下 CSS：

div {
  -webkit-transform: rotate(45deg) scale(1.5);
}