Thanks for an amazing tool! Love the possibility to test styles in DevTools, and not have to duplicate the resulting css rules to the stylesheet by hand. However I noticed some unexpected behaviour while using it.
It seems that if you clear the value for an attribute which was added to an element via DevTools, it results in two extraneous semicolons in the stylesheet you have open in the editor. The extra semicolons are not removed even if you remove the whole attribute itself. This behaviour seems to be limited to attributes which were added in DevTools. Clearing values for pre-existing CSS attributes do not result in any extra characters in the stylesheet in the editor.
Steps to reproduce:
I imagine this is not intended?
Keep up the good work! 👍
Thanks for detailed report. The problem seems to be in LiveStyle coding style inferring: when inserting a new property, it inherits your coding style. So it looks like it mistakenly took doubled semicolon as a valid property terminator.
Will check it out when I get back to LiveStyle update
I would like to echo what @matudelic has said about how delightful this app is, and provide a video showing the semicolon duplication for Atom text editor:
I hope this helps for when you find time for the LiveStyle update!