我有两个转换为-webkit-transform的mixin:
.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,因为第二个优先于第一个;第一个被丢弃.要组合转换条目应该是:
-webkit-transform: rotate(15deg) scale(2);
如何完成这样的CSS,由LESS生成,即正确组合的多个转换条目?