Allow @includes and &: SCSS to be Selectable/Editable in UI

Right now if you nest your SCSS you can’t select sub children that use @include or &: (like &:hover) in the UI. Sometimes you can’t even see them when you click on the element but more importantly, you can’t click on them or edit their styles in the UI which means they have to be manually edited.

In the photo below I’ve clicked on the sub child @include element but the styles do not populate in the UI to edit.

image

1 Like