XF 2.1 Searching .less files

[Gossamer]

Not sure if this was the best place for this question, but it's related to styling, so figured I'd drop it here.

But does anybody have any suggestions to make searching for css declarations in the .less files a little easier? I'm currently working on converting the styles from my XF1 site over to XF2, but it's very slow going when I have to dig through files to try and find the CSS declaration that matches what I found when inspecting the site.

For example, I use the chrome dev tools to find this style I need to edit: .p-staffBar .pageContent a

But searching for exactly that doesn't give me any results. So, I'm just searching the templates for.p-staffBar and scanning every template result until I find what I need. Is there a better way to do this?

 

[Paul B]

When using the browser inspector, if you click on the link shown in the screenshot below, it will load a page with the name of the less file


In this case:

 

[Gossamer]

Thank you! That helps a ton!