Экранирующий символ в LESS CSS вставляет ненужные пробелы

Я пытаюсь написать код LESS, соответствующий следующему CSS код для создания градиента в IE.

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9600',endColorstr='#ff6900');

ниже приведен код LESS:

.gradient(@start_color, @end_color)
{
    filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr='"@start_color~"',endColorstr='"@end_color~"')";
}
.gradient(#ff9600,#ff6900)

при компиляции он дает следующий код CSS:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=' #ff9600 ', endColorstr=' #ff6900 ');

Как вы видите, с обеих сторон значения цвета вставлены пробелы, из-за которых IE неправильно считывает цвета.

Я скомпилировал код LESS, используяhttp://crunchapp.net/и http://winless.org/, и оба дают одинаковые результаты. Есть ли хак, чтобы избежать этих пробелов. Спасибо.

7
задан Tuhin Paul 30 April 2012 в 03:57
поделиться