I'm doing a grid system with stylus. I have several files
.styl with different mixins and functions but to simplify let's say that it is only one called
grid.styl . A user who wants to use it would only have to create his own stylus file, import the file
grid.styl and start writing his css.
I have a variable in that file that I want the user to be able to modify. The variables have a default value but can be overwritten by the user. The only way I have found to be able to use the user's values is to import their file
.styl (actually I have to use
@require to not enter a loop but that's the least).
The problem is that I do not know what your file will be called so I have to import the folder where it is, which creates two problems for me, the first one that if the user has several stylus files will import them all and the second one will I force to put the files in a folder and with a specific hierarchy.
Would there be any other way to collect those user values?
user's stylus file
@require 'grid' ratio = 1.618 base-line-height = 1 base-font-size ?= 14px .container container(800px) background-color rgba(240, 240, 240, 0.45) padding 20px; div col(1/2, 5%) border:solid 1px red ...
@require '../*' // estas son las variables que quiero que el usuario pueda modificar ratio ?= 1.5 base-line-height ?= 1.5 base-font-size ?= 16px