нет линейного фильтра градиента

Question

У меня проблема с mixin в меньшем количестве.

I нет файл есть.

.gradient(@startColor, @endColor) { 
    background: @startColor; 
    background: linear-gradient(to bottom, @startColor 0%,@endColor 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@{startColor}', endColorstr='@{endColor}',GradientType=1); 
} 

#nav { 
    .gradient(#fff,#e2ebef); 
} 

.btn { 
    .gradient(#f2f2f2, #e4e4e4); 
} 

После компиляции я получаю это:

#nav { 
    background: #ffffff; 
    background: linear-gradient(to bottom, #ffffff 0%, #e2ebef 100%); 
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2ebef', GradientType=1); 
} 
.btn { 
    background: #f2f2f2; 
    background: linear-gradient(to bottom, #f2f2f2 0%, #e4e4e4 100%); 
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2ebef', GradientType=1); 
} 

Почему фильтр в .btn там же цвета, как и в #nav? У меня есть googled для sulution, но не нашел ничего, что решает эту проблему.

Итак ... Есть ли другое решение, чем вставить вручную цвета в сгенерированный файл css?

Answer 1

Изменить свойство фильтра читать как таковой:

filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr='@{startColor}', endColorstr='@{endColor}', GradientType=1)"; 

Это автоматически уходит много ерунды в свойстве фильтра и позволяет переменных в этой строке будет выводиться правильно.