少CSS「別名」自舉+字體真棒

我的網站使用bootstrap + font-awesome，我想在我site.less文件中創建一個「別名」：少CSS「別名」自舉+字體真棒

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

的原因，我這樣做是因爲我在我的網站上有一個「域」實體，我可能會在將來更改圖標，所以我不想直接使用HTML中的「火」圖標。

icon-group類適用於我的代碼，但icon-domain不適用。從我所知道的情況來看，它的字體真棒在其代碼中實際上有一個icon-group類。從我所瞭解的lesscss中，我可以將一個類包含在另一個類中，將它們組合到一個新類中，但它不在這裏工作。

我可以得到它，如果我這樣做，我site.less工作：

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

但是，這並不是理想的，因爲我需要定義自己的內容，並使用.icon-domain { .icon-fire; &:before; }是一個語法錯誤。有沒有辦法使這項工作正常？

來源

2013-03-21 lifo

您需要包括適當引導的依賴關係：

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

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

來源

2013-06-21 09:01:31

我最初沒有澄清，但我確實包含了所有引導依賴關係。謝謝。 – lifo 2013-06-21 13:16:45

那麼你會得到什麼錯誤信息呢？ – 2013-06-21 13:23:56

您需要導入字體真棒CSS到你的LESS文件和let LESS process it。

沒有它LESS將無法檢測到您嘗試使用的類。

來源

2013-10-29 17:28:59

少CSS「別名」自舉+字體真棒

回答

相關問題