將.kit文件（變量）導入到.kit文件（css）

我正在使用.kit文件來保存變量，以便輕鬆地將其更改爲模板。將.kit文件導入到我的index.html文件中沒有問題，但爲了使變量也可以在我的css文件中工作，我也必須在那裏導入它，這似乎破壞了第一個聲明。將.kit文件（變量）導入到.kit文件（css）

<!-- @import "../include/variables.kit"--> 

.alt-section { 
    background: <!--$bgcolor-->; 
}

我在想，這一定有什麼做怎麼樣的評論與CSS文件的工作，但我真的不知道怎麼去解決這個問題。我想添加一個「;」在導入完成後我的代碼，以使代碼認爲這是一個新的聲明，但沒有工作，所以現在我只是加倍像代碼：

<!-- @import "../include/variables.kit"--> 

    .alt-section { 
    background-color: <!--$bgcolor-->; 
    } 
    .alt-section { 
    background-color: <!--$bgcolor-->; 
    }

有沒有更好的辦法解決這個問題？另外，是否有辦法不必將文件導入到每個需要使用變量的.kit文件中？我注意到如果我沒有導入，它將無法正確編譯。（我沒有使用SASS）

來源

2015-06-20 theharlotfelon

我發現插入到css文檔中的導入標籤被包含到第一個聲明中，因爲它沒有結束，它的行爲就像是聲明的一部分。我只是簡單地在導入本身上放置了css註釋標籤，它允許變量仍然插入到工具包文件中，但沒有「顯示」導入標籤本身，因此不會中斷其餘的代碼。它結束了看起來像：

/*<!-- @import "../include/variables.kit"-->*/ 

    .alt-section { 
    background-color: <!--$bgcolor-->; 
}

這解決了我需要的變量導入到每個文件都需要在變量中的任何問題

來源

2015-06-21 12:49:32 theharlotfelon

將.kit文件（變量）導入到.kit文件（css）

回答

相關問題