Just started a new project for which I am importing a lot of scss files. I added two to main.scss: @import "common/variables"; // Automatically injected Bower dependencies via wiredep (never manually edit this block) // bower:scss @import "../../bower_components/bootstrap-sass/assets/stylesheets/_…

OK. Included all needed scss properly now and all compiles. Why I ever got the initial error only God knows. But all good now.

Well removed the theme and reinstalled all. Then I added _layout.scss again in the folder layouts and included it inside main.scss and now I get: Starting 'styles'... assets/styles/layouts/_layout.scss Error: Undefined variable: "$zindex-2". on line 21 of assets/styles/layouts/_layout.scss >…

I’ve gotten the same error as well, I was confused why a .less file wasn’t being found when everything was SASS. However, my fix was reverting back to Node v5 :blush:

This issue is actually a Node problem that’s documented on GitHub: https://github.com/roots/sage/issues/1648

This is a Node Version Management tool , through you can select node version 5 with n 5. Then in order for gulp command to work, I also needed to run npm rebuild node-sass.

Roots Discourse

Compiling new scss, error .less not found

sage

jasperfrumau August 2, 2016, 3:43am 8

Thanks @cfx and @kalenjohnson . Might have to downgrade then.

If you must update node