Open pjg opened 2 years ago
Minimal reproducible testcase:
import styled from 'styled-components' const media = {} const Container = styled.main` padding: 10px; transform: translateX(var(--menu-${({ state }) => state}-width)); ${media.md` transform: translateX(0); `} ` const Content = () => { const state = 'open' return <Container state={state}>X</Container> } export default Content
Results in the following breaking of styling right after the backtick for the styled component definition (for the rest of the file):
(media is an external helper that I just replaced with an empty object for the purpose of documenting this issue).
media
Same issue here
I have that same problem as well.
Minimal reproducible testcase:
Results in the following breaking of styling right after the backtick for the styled component definition (for the rest of the file):
(
media
is an external helper that I just replaced with an empty object for the purpose of documenting this issue).