Вызов Mixin если переменный определена

Question

Я пытаюсь использовать подмешать охранник when состояния, но во время компиляции я получаю следующее сообщение об ошибке:

.mixin is undefined

.mixin (@color) when (isstring(@color)) { 
    //some code 
} 

.mixin(#008000); 

Когда я удалить условие when он работает. В чем проблема?

---

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

Поэтому я должен проверить, определена ли переменная. Когда я пытаюсь его на

$variables = [ 
    'testColor' => '#fff111', 
]; 
$lessc->setVariables($variables); 
$cachedCompile = $lessc->cachedCompile($publicPath . $inputFile); 

и

.mixin (@color:none) when (iscolor(@color)) { 
    color: #fff; 
} 

.mixin(@testColor); 

Все работает. Но когда я удаляю переменную testColor в переменном-массиве, она выходит из строя, потому что она не определена.

Answer 1

Ваша проблема может быть связана с тем, что вы пытаетесь передать переменную (@testColor), которая не существует в качестве параметра для mixin. Попробуйте добавить нижнюю строку к самой верхней части вашего файла Less.

@testColor: none; 

С Less делает отложенную загрузку переменных, если есть значение, установленное во время компиляции, которые должны перезаписать none. Если во время компиляции не задана переменная, указанная выше строка все равно будет означать, что переменная определена и имеет значение по умолчанию.

---

Там нет прямого isnull или isnotnull типа функции в Less. Однако вы можете имитировать поведение, присвоив значение по умолчанию для mixin.

В приведенном ниже примере мы назначаем значение по умолчанию как none, которое не является цветом, и, следовательно, при условии, что условие iscolor(@color) проверено, оно потерпит неудачу, и mixin не выдаст никакого результата.

Я также добавил условие not ниже, чтобы вы могли увидеть разницу.

.mixin (@color:none) when (iscolor(@color)) { 
    //some code 
    color: is defined; 
} 
.mixin (@color:none) when not (iscolor(@color)) { 
    //some code 
    color: is not defined; 
} 

#output1{ 
    .mixin(); 
} 
#output2{ 
    .mixin(#ff0000); 
} 
#output3{ 
    .mixin(abcd); 
}