Syntax Highlighting feature. about live-css-editor

[webextensions]

@Krato5

It is not very clear what you meant by default CSS block. But, I'm assuming that you wish to get faster access to the applied styles (and their source) via this extension.

Probably the "CSSViewer" extension achieves that kind of functionality in some form. (https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce)

I understand that having various features integrated within a single extension would be relatively easier for web developers. But, in its current form, it is simpler to keep the minimal feature set.

The task of showing the applied CSS is UX-wise complicated + has its own technical challenges for the implementation, depending on which all use cases need to be covered.

If the suggested extension kind of achieves what you wish for, you may close this issue. Otherwise, I would prefer to make a note about it in https://github.com/webextensions/live-css-editor/blob/master/TODO.md, but, due to the above mentioned reasons, it may take a while before this extension evolves to include this feature.

[Krato5]

@webextensions
ya well, this really seems to be challenging feature, the tool of CSS viewer is awesome also just wished if it was able to make a live edit of the css code not only show up in the console.

[voviks21]

@Krato5 I thought you mean showing where custom CSS for element are placed in extension editor window. That would be awesome too, if after selection element it will auto scroll to block related to selected element.

[webextensions]

@Krato5
Upon reading your comments again, I realize that the "Suggested CSS Selectors" notification can also contain links to edit the file containing those selectors.

I had thought of doing it after implementation of live editing + saving of real CSS/Less/Sass files (reference: https://github.com/webextensions/live-css-editor/blob/master/TODO.md#new-features).

I have updated the above mentioned TODO list.
Marking this issue resolved for now. I'll revisit it once the "save file" task is completed.