Wrong formatted output with pseudo selectors

[suparngp]

I have the following code

const Control = styled.div`
  display: flex;
`;

const ControlGroup = styled.div`
  display: flex;
  > ${Control}:not(:first-child) {
    margin-left: 12px;
  }
`;

After formatting, the output is

const ControlGroup = styled.div`
  display: flex;
  > ${Control} 
  :not(:first-child) {
    margin-left: 12px;
  }

The new line introduced changes the selector to children of Control.

[mrwwalmsley]

I've done a rewrite of this plugin to address these outstanding issues, but not sure whether to publish as a separate plugin, or try and merge it in to this plugin? What are your thoughts John?

[johnuphoff]

@mrwwalmsley If you want to put in a PR I can take a look right away. It's probably good to keep the current plugin live because it's already being used. I'm happy to merge if it fixes this (or other) issues. I haven't had a ton of time to keep this up to date so your help is appreciated!