Stylus中的變量賦值

Question

我想將我的變量賦值放在global.styl文件中的媒體查詢中。

下面的作品，如果它是在同一個文件：

tablet = "all and (max-width: " + 768px+ ")" //variable assignment @media tablet { text-align: left; padding: 122px; }

但是，如果我嘗試移動的變量賦值global.styl文件，這是行不通的。

我想避免必須回來重構後，我找出爲什麼流星和/或手寫筆不讀取從另一個文件的全局變量，所以任何幫助，非常感謝。謝謝！

Answer 1

流星手寫套件單獨編譯每個.styl文件。如果要將樣式表分成多個文件，則需要正常使用觸筆的@import指令。將擴展名爲.import.styl的導入（全局變量）文件命名爲Meteor，Meteor將只監視其變化，而不嘗試自行編譯。

// globals.import.styl 
tablet = "all and (max-width: " + 768px+ ")" 

// media-queries.import.styl 
// ... 
@media tablet { 
    text-align: left; 
    padding: 122px; 
} 
// ... 

// style.styl 
@import 'globals.import' 
@import 'media-queries.import' 

順便說一句，我強烈建議檢查出Rupture，該包裝含有cryptoquick:stylus-multi流星包。