I have an app running in Rails 6.0.2 and I've noticed that when inspecting an object in the browser (Chrome 79) I can't find the original Sass file which is the source of its styles. I didn't have this problem with Rails 5.
The styles in my project are loaded centrally through the file: app/assets/stylesheets/application.scss
The file application.scss imports other scss files that live in other folders. With the code below, for example:
So, concretely, when inspecting an object which styles come from refactor.scss the inspector points to application.scss instead, apparently to the ugglyfied/minified processed CSS, so I'm unable to see which file/line of code is the origin of the styles.
I've thought it may be caused by a change in my Chrome settings. However, CSS and JS Source Maps are enabled. I've also seen some responses in SO suggesting to switch the SASS gem but I'd like to preserve the original Sass gem, so it's not a possibility.
Could you help me understand why is this happening in Rails 6 and how to resolve it?