Используйте шестнадцатеричный цвет в качестве строки в функции затемнения

Question

В менее стиле, у меня есть переменная, которая является строкой.

@colorString: 'DADADA';

Я могу превратить его в цвет:

@color: ~'#@{colorString}';

Я могу использовать @color, чтобы установитьнекоторое значение из стиля:

div { color: @color }

, но я не могу использовать его с функцией darken () (или любой другой встроенной функцией, которая управляет цветами).Пример:

background: linear-gradient(to bottom right,darken( @color , 20%), @color);

Компилятор выводит функцию оценки ошибок darken: color.toHSL не является функцией

кажется, что @color - это не цвет (#DADADA), а скорееявляется строкой ('#DADADA'), и функция не может разобрать это.

Любая идея, чтобы решить эту проблему, не изменяя @colorString (это должна быть строка)?

Answer 1

Вам нужно проанализировать строку, чтобы покрасить, используя color().

@colorString: 'DADADA';
@color: color('#@{colorString}');
background: linear-gradient(to bottom right, darken(@color, 20%), @color);

Документы: http://lesscss.org/functions/#misc-functions-color