объединить значения в less (css) без пробела

Итак, я пытаюсь сделать LESS-миксин, который принимает число (градусы для поворота) и выводит правильный CSS для поворота элемента. Проблема в том, что я не могу придумать способ записать одновременно "270deg" и "3" (270/90) для IE. Вот что я пробовал:

.rotate(@rotation: 0) {
    @deg: deg;
    -webkit-transform: rotate(@rotation deg); // i can see why this doesn't work
    -moz-transform: rotate((@rotation)deg); // parens
    -o-transform: rotate(@rotation+deg); // variable-keyword concatenation
    transform: rotate(@rotation+@deg); // variable-variable concatenation

    // this is the reason I need @rotation to be just a number:
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation/90);
}

.someElement {
    .rotate(270)
}

На данный момент я только что изменил сценарий компилятора, чтобы он не помещал пробел между конкатенацией переменных и ключевых слов. Я надеюсь, что есть лучшее решение.

28
задан B T 21 May 2011 в 18:39
поделиться