css - Combining multiple "transform" entries in Less -

i have 2 mixins both convert -webkit-transform:

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

when use them together:

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

... (as expected) show as:

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

this doesn't seem valid css second has precedence on first; first discarded. combine transform entries should be:

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

how can accomplish such css generated less, i.e. multiple transform entries combined correctly?

provide transforms arguments single mixin:

.transform(@scale,@rotate) {   -webkit-transform: @arguments; }

~~i guess, achieve concatenate separate mixins 1 of guards, i'm not entirely sure;)~~

i think not able achieve in way, since parser have modify code afterwards should not possible.

OSX