More visual editing capabilities

[crcn]

TODOs:

• [x] ability to insert text and elements
• [x] ability to delete elements
• [x] ability to change styles
  • [ ] ability to add
  • [x] if existing styles, tabbing creates a new row
  • [ ] if styles are empty, then have button for adding a new one
  • [x] ability to change value
  • [x] ability to change name
  • [ ] ability to remove
  • [x] if local and there are no styles, then delete
  • [ ] if there are inherited styles, then unset

Misc:

• [ ] disable rules tab if there are no styles

With this the only thing left outstanding should be:

• [ ] ability to define components
• [ ] ability to define slots
  • [ ] ability to wrap component in slot
• [ ] ability to set variant styles
• [ ] ability to assign variant styles to triggers ()
• [ ] re-using styles (ability to add classes)
  • [ ] needs to work with CSS frameworks
• [ ] ability to add media (by dragging & dropping to canvas)
  • [ ] when deleting, ask to delete on disk (detect if used anywhere)

[crcn]

Ability to change computed props:

[crcn]

Color picker:

TODOs:

• [ ] (bug) cannot resize color picker
• [ ] wire up color picker with declaration value

[crcn]

Decl list:

[crcn]

Re-color picker: we'll need to scan all variables defined within ancestors from the selected element. This will capture all active variables, so things like variations will be missed in this case. Maybe we scan the ast for all variations and define a list horizontally all differences?