madskristensen / WebEssentials2013

Visual Studio extension
http://vswebessentials.com
Other
944 stars 251 forks source link

Trace line number in sass when using chrome debug #2028

Open codestitch opened 6 years ago

codestitch commented 6 years ago

When I Inspect element in the elements, I see that my SCSS code is already being output to CSS. If I click on it it will redirect me to .CSS file. Is there a way for me to get the line number of the .SCSS so that I can pinpoint directly where that code is and do my changes rather than finding the classes and elements in the scss or sass file?

For example:

test

In chrome debug, it points to the CSS file line number 28, but in my scss file that code is not in line number 28, but in a different line.

Is there another way to debug it or get the line number of the scss file?

Thank you.