Ошибка компиляции LESS CSS при вычитании значений цвета

Я запускаю lessc my.less my.css.

Код:

@background: #343434;

input[type='text'] { 
    border: 1px solid (@background-#222);
}

Не удается предоставить эту ошибку

NameError: переменная @background- не определена в ...

Однако,

input[type='text'] { 
    border: 1px solid (@background+#222);
}

Заработает.

Я читал о спецификации, это не так. Я также проверил, что мой компилятор less установлен с последними версиями nodejs. Я также пробовал # 222222. Из идей.


colors less compilation subtraction
person valk    schedule 06.02.2013    source источник
comment
Странно, что '-' не работает, но я нашел функцию разницы(), которая работает.   -  person valk    schedule 06.02.2013

Ответы (1)


arrow_upward
2
arrow_downward

- может быть частью идентификатора. Вот почему он сообщает вам, что не может найти переменную @background-. С другой стороны, + никогда не является частью идентификатора и поэтому меньше знает, что переменная @background. Вам просто нужно вставить пробел, чтобы заставить его работать:

input[type='text'] { 
    border: 1px solid (@background -#222);
}
person Christoph Leiter    schedule 06.02.2013