Переменные можно объявлять как «снаружи» правил, так и «внутри». В случае «внутреннего» объявления переменная будет доступна только внутри правила, в котором она объявлена:

.rule-1 {
  @align: right;
  text-align: @align; // text-align задаётся значение right
}
.rule-2 {
  text-align: @align; // в этом месте произойдёт ошибка
}

Если переменная объявлена и «внутри» правила, и «снаружи» — Less применит «внутреннее» значение.

@align: left;

.rule-1 {
  @align: right;
  text-align: @align; // text-align задаётся значение right
}

.rule-2 {
  text-align: @align; // text-align задаётся значение left
}

Таким образом можно «переопределять» глобальные переменные в локальном контексте.

Проверим это на практике.