Az CSS "takma"

Question

Sitem kullanan bootstrap + font-awesome ve benim site.less dosyasında bir "takma" oluşturmaya çalışıyorum:

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

nedeni Bunu yapmamın Sitemde bir "Alan Adı" varlığım var ve gelecekte simgeyi değiştirebilirim. Bu yüzden, HTML'mdeki "yangın" simgesine doğrudan kullanmak istemiyorum.

icon-group sınıfı kodumda çalışıyor ancak icon-domain yapmıyor. Anlatabildiğim kadarıyla, çünkü font-awesome aslında kendi kodunda bir icon-group sınıfına sahip. lesscss'u anladığımdan, onları yeni bir sınıfa birleştirmek için başka bir sınıfın içinde bir sınıf ekleyebilirim ama onun burada çalışmamasını sağlıyorum.

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

Ama içeriğinize kendim tanımlamak zorunda ve .icon-domain { .icon-fire; &:before; } kullanarak bir yazım hatasıdır çünkü o ideal değildir:

Ben benim site.less bunu eğer işe alabilirsiniz. Bu işi düzgün bir şekilde yapmak için bir neden var mı?

Answer 1

Sen yeterli önyükleme bağımlılıkları dahil etmek gerekir:

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

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

Answer 2

Sen AZ dosya ve let LESS process it içine Yazı Müthiş CSS ithalat gerekir.

Olmadan Kullanmaya çalıştığınız dersleri daha az anlayamayacaksınız.