Как вызвать LESS Mixins вне классов CSS?

Question

Хотя МЕНЬШЕ является Препроцессор, как я могу это сделать

@ltr: ltr; 
@rtl: rtl; 
@dir: @rtl; 

.SetTypeFaceVariables when (@dir = @ltr) { 
    @headType: 'Segoe UI_'; 
} 
.SetTypeFaceVariables when (@dir = @rtl) { 
    @headType: Tahoma; 
} 

.SetTypeFaceVariables(); // Error is here, we cannot call Mixins here like this 

h1{ 
    font-family: @headType; 
} 

Как я могу определить @headType переменной в другом направлении?

---

Благодаря @ семь фаз-макс Вы можете найти Demo on Codepen

Answer 1

Как уже упоминалось в комментариях ваш пример компилируется нормально с меньшим версии 1.5.0 и выше. Скорее всего, ваша IDE поставляется с некоторой устаревшей версией компилятора Less (1.4.2? 1.3.3?). Ничего, вам нужно всего лишь крошечную затруднительный сделать код, чтобы быть совместимым с древней Меньше версиями (до 1.3.2):

@ltr: ltr; 
@rtl: rtl; 
@dir: @ltr; 

// the magic is in parens: 
.SetTypeFaceVariables() when (@dir = @ltr) { 
    @headType: 'Segoe UI_'; 
} 
.SetTypeFaceVariables() when (@dir = @rtl) { 
    @headType: Tahoma; 
} 

.SetTypeFaceVariables(); 

h1 { 
    font-family: @headType; 
}