Значение переменной LESS для строки

Question

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

шестигранные значения передаются как шестнадцатеричные значения в одном случае, как это:

background: -webkit-gradient(linear, left top, left bottom, from(#0079bc), to(#00509d)); 

И как строковые значения в другом случае в том же правиле, как это:

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

Если я пытаясь сохранить два шестнадцатеричных значения в качестве переменных в новом файле LESS, как передать шестнадцатеричную переменную как строку во втором экземпляре?

Answer 1

Что-то вроде этого:

.gradientMix(@hex1, @hex2) { 
    background: -webkit-gradient(linear, left top, left bottom, from(@hex1), to(@hex2)); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@{hex1}', endColorstr='@{hex2}'); 
} 

.gradientMix(#0079bc,#00509d); 

Какие выходы:

background: -webkit-gradient(linear, left top, left bottom, from(#0079bc), to(#00509d)); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0079bc', endColorstr='#00509d'); 

Обратите внимание, как я получил доступ к переменной, когда она находится в кавычки, окружив имя в квадратных скобках, например: @{hex1} в используйте переменную @hex1 внутри строки.