Функция Sass с использованием операций с цветом

Question

Я пытаюсь создать функцию для автоматизации операций наведения наведения. Так гар у меня есть этот

$switch-element-hover:   20% !default; 
$switch-element-operation: "lighten" !default; 


@function generate-hover-state($color) { @return 
#{$switch-element-operation}($color, $switch-element-hover); } 

Тогда я пытаюсь использовать его как это:

&:hover { 
    background-color: generate-hover-state($background); 
} 

Теперь мне удалось собрать его, но результат выглядит странно:

background-color: lighten#626262, 20%; 

Также у меня есть попробовал использовать unquote, как это было предложено инструментом, но он, похоже, не работает.

Есть ли у кого-нибудь идеи, как это сделать? Спасибо.

Answer 1

Решено.

Ответ заложен в методе @call: http://sass-lang.com/documentation/Sass/Script/Functions.html#call-instance_method

// Hover state function 
@function generate-hover-state($color) { 
    @return call($switch-element-operation, $color, $switch-element-hover); 
}