odd output for template literals

given the following code:

insertRule(`*, *:before, *:after {
  box-sizing: inherit;
}`)

I get the following output:

insertRule(
  `*, *:before, *:after {
  box-sizing: inherit;
}`,
)

The formatting of the last two lines seems odd to me. I’m not sure why a comma is added or why the line with the closing bracket is on the same indentation as the closing parenthesis.

[techniq]

I thought the formatting for an optional styled-component rule was a little odd (although not terrible), but thought I’d throw another template literal example here to consider. This one has nested template literals.

const Wrapper = styled.div`
  padding-top: 64px;
  padding-left: 8px;
  padding-right: 8px;
  transition: margin .3s;

  ${({sidebar}) => sidebar.docked && sidebar.open && css`
    margin-left: ${sidebar.width}px
  `}
`;

formats to

const Wrapper = styled.div`
  padding-top: 64px;
  padding-left: 8px;
  padding-right: 8px;
  transition: margin .3s;

  ${({ sidebar }) => sidebar.docked &&
  sidebar.open &&
  css`
    margin-left: ${sidebar.width}px
  `}
`;

[j-f1]

@hundsim This issue should be fixed. If you’re having formatting issues, please open a new issue and fill out the template so we can more easily track them.