Можно ли вызвать функцию JavaScript с меньшим количеством переменных из меньшего CSS?

Question

Я должен вызвать функцию JavaScript из менее CSS для настройки. Функция должна передать переменную less из файла less в файл js. это возможно сделать? использование backtick может получить переменную js в меньшем файле, но я не знаю, как вызвать функцию js из меньшего?

demo.js

function getGradient(colorlist, dark, light){
   // some large customization
}

demo.less

@color: #ffffff,#000000,#cccccc;
@light: 20%;
@dark: 50%;
@gradient : ~`getGradient(@{color}, @{light}, @{dark})`;

Приведенный выше код не работает. Пожалуйста, дайте мне знать, можно ли получить доступ к функции JS из меньшего?

Заранее спасибо.

Answer 1

Вы можете встраивать javascript в файлы lesscss с обратными галочками.

Например:

@myObject: `function(){

    var myObject = {
        getSomething: function() {
            return( "This is yo' content!" );
        }
    };

    return( myObject );

}`;

Обратите внимание на галочки (не одинарные кавычки).