Можно ли наследовать из класса Bootstrap в LESS, используя Meteor?

Question

Я создаю некоторые классы bootstrapbutton в моем приложении Meteor, используя LESS. (Бутстрап добавляется в Метеор через пакет метеоров twbs:bootstrap, вместо использования @import в МЕНЬШЕ).

К примеру, у меня есть класс с именем .btn-pill, который я хочу, чтобы наследовать от .btn-xs Bootstrap, как и это:

HTML

<button class="btn btn-pill"></button> 

МЕНЬШЕ

.btn-pill { 
    &:extend(.btn-xs); 
    color: @text-color; 
    background-color: @white; 
    border: 1px solid @gray-main; 
    &:hover { 
     background-color: @gray-light; 
    } 
} 

К сожалению, это Безразлично Кажется, что работает ... Конечно, я всегда мог использовать оба класса в теге <button>:

<button class="btn btn-xs btn-pill"></button> 

, но я предпочел бы избежать этого, если это возможно.

Можно ли использовать только &:extend в разных файлах (например, я понимаю, что это делается с @extend в SASS - например in this SO question)? Или это не работает, потому что Bootstrap реализован через пакет Meteor?

Answer 1

Как и в случае с Meteor v1.2, меньше файлов намного более управляемы.

Загрузите официальную загрузочную загрузку с меньшим распределением, поместите их в папку с именем imports. Это позволяет импортировать файлы, а не автоматически компилировать их.

Поместите файл bootstrap.less в папку более высокого уровня за пределами папки imports и исправьте пути папки импорта в соответствии с вашей собственной структурой.

Теперь вы можете использовать переменные по своему вкусу. Делайте с ними то, что обычно делает less.

Или, если вы застряли с более ранними версиями Meteor, вы можете использовать nemo64:bootstrap для настройки и использования импорта из начальной загрузки.