How do you know what line contains a SCSS error when using @import in rails application manifest?

Question

I am using Rails 4, sass-rails 4.0.2 and my application.css.scss file looks like:

@import 'foundation_and_overrides';
@import "font-awesome";
@import "vendors/*";
@import "layout";
@import "modules/*";

However, I am getting an undefined mixin error as follows:

Undefined mixin 'box-shadow'.
(in C:/Rails/austin_residence/app/assets/stylesheets/application.css.scss:4)

The problem is I do not know how to debug this since the error is reporting css lines from the application manifest file instead of the actual @import file containing the error. How do people deal with this?

Answer 1

Start commenting out the @imports in your application file. When you don't see the error anymore, its probably in the file you stopped importing.