Как мне использовать примеси начальной загрузки Twitter, такие как .border-radius(10px) в моих файлах .less метеора?

Это мой файл main.lessв моем приложении meteor, к которому я уже добавил пакет bootstrap.

@import "variables.less";
@import "mixins.less";

#searchbar {
  .border-radius(10px);
  .box-shadow();
}

Но открывая приложение на http://localhost:3000/, я получаю эту ошибку:

Your app is crashing. Here's the latest log.

Errors prevented startup:
/Users/anup/code/projects/learning/main.less: Less compiler error: .border-radius is undefined
/Users/anup/code/projects/learning/main.less: Less compiler error: .border-radius is undefined
Your application is crashing. Waiting for file change.

Принимая во внимание .span4, .dropdown, и все остальные классы начальной загрузки прекрасно работают из моего исходного кода main.html(который также находится в базовом каталоге вместе с main.less)

Как использовать загрузочный примеси в main.less?

ОБНОВЛЕНИЕ: Удивительно, но если я помещу это в main.less

@import "variables.less";
@import "mixins.less";

#searchbar {
}

, то ошибка изменится на

Your app is crashing. Here's the latest log.

Errors prevented startup:
/Users/anup/code/projects/learning/main.less: Less compiler error: 'variables.less' wasn't found.

/Users/anup/code/projects/learning/main.less: Less compiler error: 'variables.less' wasn't found.

Your application is crashing. Waiting for file change.