Skip to content

Better CSS Debuging #515

@dfvalero

Description

@dfvalero

While developing, it's kind of hard to find what is the related CSS for a component.

Example (Navbar) in chrome developer tools:

Screenshot 2020-06-16 at 20 59 13

In shopfront, for example, there is some tool that adds the name of the component in the class attribute and it's easy to find what is the related CSS. (TopNavigation, InformationBanner)

Screenshot 2020-06-16 at 21 03 30

@moshie Did we enable something in the past to have this "feature", or does it comes baked with gatsby?

Thanks!

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementFor discussing possible improvements

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions