이하 CSS "별명"

Question

내 사이트 사용 bootstrap + font-awesome 그리고 내 site.less 파일에서 "별칭을"만들려고 해요 :

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

이유는 내가이 일을 해요 내 사이트에 "도메인"엔티티가 있고 이후에 아이콘을 변경하여 내 HTML의 "불"아이콘에 직접 사용하고 싶지 않기 때문입니다.

icon-group 클래스는 내 코드에서 작동하지만 icon-domain은 작동하지 않습니다. 내가 말할 수있는 바에 따르면 폰트가 굉장하기 때문에 실제 코드에는 icon-group 클래스가 있습니다. 내가 이해 한대로 lesscss을 다른 클래스 안에 포함 시켜서 새로운 클래스로 결합 할 수는 있지만 단순히 여기서는 작동하지 않습니다.

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

을하지만 내용을 자신을 정의해야하고 .icon-domain { .icon-fire; &:before; }를 사용하여 구문 오류이기 때문에 그 이상되지 않습니다 :

나는 내 site.less에서이 작업을 수행하면 작동 할 수 있습니다. 이 작업을 제대로 수행 할 수있는 방법이 있습니까?

Answer 1

당신은 적절한 부트 스트랩 종속 관계를 포함해야합니다

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

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

Answer 2

당신은 당신의 LESS 파일 let LESS process it에 글꼴 최고 CSS를 가져와야합니다.

사용하지 않으면 사용하려는 클래스를 감지 할 수 없습니다.