-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Nested css in template results in skipping template #7
Comments
good catch! do you happen to know if it only happens when the whole thing is a sub-template? e.g. does this also fall over? const Foo = styled.div`
padding: 2rem;
${css`
color: hotpink;
`}
`; ill write some tests today for it if i can and see if i can fix it anyhow 👍 |
Any template with nested |
interesting, will take a look. thanks for confirming that for me |
After further testing it seems like its actually if So your example above is not actually trigger the skipping, but it is instead triggering |
thats good to know, i imagine it'll be a bug in how we generate the source CSS for postcss ill take a look today 👍 |
i've opened 43081j/postcss-js-core#6 which will fix this once it is completed. will leave this open until a new version of the styled-components syntax is published with the fixed core too. |
Nesting styled-component
css
inside any styled-component template literal results in the template being skipped.Example:
Output:
[postcss (styled-components)] Skipping template (file: ...) as it included either invalid syntax or complex expressions the plugin could not interpret. Consider using a "// postcss-styled-components-disable-next-line" comment to disable this message
The text was updated successfully, but these errors were encountered: