Have you ever wished your CSS files where easier to navigate? I did and as I had to do some VSX research anyway I decided to write and extension to help me.
First I should say that this post won't contain any code. The reason is that I plan to fix some last issues and then release the extension and also write about it. This is more of a display of the features and a call for some testing help. If you would like to test it out please contact me by using the contact form.
The plugin has two functions. First it creates outlined regions of css comments looking like this:
/*#region [Name] */
//css rules or nested regions goes here
/*#endregion */
And then there is a browser(navigator that allows you to get an overview of the regions and instantly go to one by clicking a link.
This it how it looks when you open a CSS file. With ctrl+M+L you can collapse all regions or if they are collapsed it will exapand all.
The navigator can also be collapsed and expanded on demand. Cliking on of the regions in the navigator will bring that regions into view.
I have tried this against some 3k+ lines css files and it works fine. So if you feel this would be usefull for you and you want to test it contact me and I will send you the VSIX file. I hope to add it to the extension manger soon but I would like to improve the parsing and maybe add a searchbox.
Got any suggestion? Feel free to tell me.