2017-07-20 17 views
0

我正在使用較少的文件來主持我的應用程序。我已經創建了變量較少的文件和較少的文件。如何兩次導入較少的文件以啓用主題切換

@import 'commonlessfiles'; 

html.theme1{ 
@import 'theme1variables'; 
@import 'baselessfiles'; 
} 

html.theme2{ 
@import 'theme1variables'; 
@import 'baselessfiles'; 
} 

使用上面的代碼。

我的問題是它爲第一部分(theme1)生成CSS文件。可能更少,不會允許重複導入。由於我正在導入baselessfile 2次。 (@import 'baselessfiles')。

輸出:

共同CSS

html.theme1 .class{ 

}.... 

有什麼辦法,我可以告訴至小於或力更小,導入文件兩次,並使用變量文件。

我的輸出應該象下面這樣:

常見的CSS:

html.theme1 class{ 

} 

html.theme2.class{ 


} 
+0

從未使用過青菜,但我少用。不知道你在這裏做什麼,但我沒有看到任何需要導入相同的文件2次。爲了改變主題,我想你只需要在身體上有不同的類別 – Huangism

+0

即時使用更少。在我的代碼中,向html添加類。我確實有少量通用變量的代碼。所以我需要導入較少的文件2次給varibales差異值來啓用主題swicthing/ – harish511

+0

我認爲你應該只定義主題1和2較少的文件,在他們你只是將所有內容都包裹在'html.theme-1'中。那麼你只需要包含2個文件,它就完成了 – Huangism

回答

-1

下面的代碼對我的作品使用multiple

@import 'commonlessfiles'; 

html.theme1{ 
    @import 'theme1variables'; 
    @import (multiple) 'baselessfiles'; 
} 

html.theme2{ 
    @import 'theme1variables'; 
    @import (multiple) 'baselessfiles'; 
}