I am using the stylus-multi package for meteor: https://atmospherejs.com/stolinski/stylus-multi
It is a great package, but I am having one issue – and that is creating a global variables.styl stylus sheet.
What I want to do is to import variables.styl from main.styl and ALSO import all of my partials from main.styl. The files in those partials will then make use of the variables located in variables.styl.
For instance, I would like to have something like the following structure:
main.styl variable.styl partials folder partials sub-folder1 file1.styl file2.styl file3.styl partials sub-folder2 file4.styl file5.styl
Inside of main.styl I want to @import BOTH variable.styl and partial/*. Then, in the various file.styl files I will make use of variables that I set in the variable.styl file.
The problem is that this is not working. The variables are not being read. ONLY if I @import the variables file directly from each and every file will the variables work.’
This is true EVEN if I rename variables.styl to variable.import.styl or put it in a .import folder.
Any idea how to get this to work properly? I really do not want to have to directly @import the variable file from each and every other file.