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.
Comments
Post a Comment