Skip to content

Trace line number in sass when using chrome debug #2028

@codestitch

Description

@codestitch

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions