Back in Roots, I used to define LESS variables inside the _variables file and then use @foobar throughout the rest of my less files. This made organizing and modifying a list of global variables very easy.
Using Sage with SASS now, I’ve set the variables up in the same way (except I’m using $ instead of @ for the variables).
When I performed a gulp or just gulp styles I received the most atrocious error.
gulp(29579,0x10700a000) malloc: *** error for object 0x1072ad75c: pointer being freed was not allocated
*** set a breakpoint in malloc_error_break to debug
Abort trap: 6
Which is odd because prior to adding my styles, it compiled fine.
So after some debugging, where I commented out files that I modified from main.scss with success and then compiling only 1 modified file and then modifying that file until it compiled. I narrowed the issue down to variables.
If the variable $foobar I’m using isn’t defined specifically in that file, then I get the above error. If I define it, it runs perfectly fine.
Is there something I’m missing? Am I just using it incorrectly?
Please let me know there’s some workaround for this.
Thanks.