No intellisense on nested css blocks.

[jesus-pacheco]

Describe the bug (including copyable syntax) When creating new blocks of CSS code based on props we don't get any intelissense or validation at all. i.e.

const Header = styled.header`
   width: 100%;
   text-align: center;
   ${(props) => props.isHighlighted && `
      color: blue; // This CSS block won't provide any intelissense
      font-weight: 500;
  `}
`;

To Reproduce Create a regular styled component and add a whole CSS block based on a prop.

Expected behavior I will get intelissense and rule validation in the nested CSS block.

Build environment (please complete the following information):

• OS: [Mac OS Catalina]
• VSCode Version: [1.55.2]
• Extension Version [1.5.1]

[jasonwilliams]

Possibly related to https://github.com/microsoft/typescript-styled-plugin/issues/113

[rkingon]

+1

[ernestrudziec]

Same problem here with breakpoint-styled-components:

[jasonwilliams]

Does anybody want to fix this? It should be a case of adjusting the regex https://github.com/styled-components/vscode-styled-components/blob/master/CONTRIBUTING.md