Sorry, we don't support your browser.  Install a modern browser

Create subselectors/modifiers for a given selector#125

When creating styles under “Components”, one can create a modifier (that can be a state, pseudoelement, child selector or anything at all) to the main selector of that component. This is quite neat. I’d love to see the ability to create such modifiers for selectors in general selector groups (outside the Components tab). Of course we can simply create a new selector that includes the parent, e.g. have .custom-class and also .custom-class::after selectors in the group. However, being able to create a modifier/subselector of .custom-class would make the preview neater (as the selector name input is fairly small) and also reduce the need to modify multiple selectors if the parent selector changes, i.e. if we rename .custom-class. Hope this makes sense.

6 months ago