Менее CSS «псевдоним» с начальной загрузки + шрифт-удивительном

Question

Мой сайт использует bootstrap + font-awesome, и я пытаюсь создать «псевдоним» в моем site.less файле:

.icon-domain { .icon-fire; } 
.icon-group { .icon-tags; } 

Причина, почему я это делаю потому что у меня есть объект «Домен» на моем сайте, и я могу изменить значок в будущем, поэтому я не хочу напрямую использовать значок «огонь» в своем HTML.

Класс icon-group работает над моим кодом, но icon-domain нет. Из того, что я могу сказать, его потому, что font-awesome фактически имеет класс icon-group в своем коде. Из того, что я понял из lesscss, я могу включить класс внутри другого класса, чтобы объединить их в новый класс, но он просто не работает здесь.

я могу заставить его работать, если я делаю это в моем site.less:

.icon-domain { &:before { content: "\f06d"; } } 

Но это не является идеальным, так как я должен определить содержание себя и с помощью .icon-domain { .icon-fire; &:before; } является синтаксической ошибкой. В любом случае, чтобы эта работа работала должным образом?

Answer 1

Вам необходимо включить адекватные зависимости начальной загрузки:

@import "bootstrap/variables.less"; 
@import "bootstrap/mixins.less"; 
@import "bootstrap/sprites.less"; 

.icon-domain { .icon-fire; } 
.icon-group { .icon-tags; } 

Answer 2

Вы должны импортировать шрифт Высокий CSS в ваш МЕНЬШЕ файл и let LESS process it.

Без этого LESS не сможет определить классы, которые вы пытаетесь использовать.