Skip to content
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

styled-components support #27

Open
jpangelle opened this issue Apr 21, 2020 · 4 comments
Open

styled-components support #27

jpangelle opened this issue Apr 21, 2020 · 4 comments
Labels
blocked due to 3rd party bug Blocked due to some bug in a dependency

Comments

@jpangelle
Copy link

When previewing a file in the collapsible tree view, my styled-components code:

const ActionText = styled.button`
  ${props => props.theme.ActionText(props.theme)[props.variant]};
`;

displays like this:

const ActionText = styled.button`
  ___CSS_0___;
`;
@brumm
Copy link
Owner

brumm commented Apr 21, 2020

Oh wow I noticed this today as well and never put it together that this was due to Tako. I'll check it out!

@jpangelle
Copy link
Author

Awesome! Not sure if it is styled-components specifically cause it does seem to work with some styled-components code 🤷

@brumm
Copy link
Owner

brumm commented Apr 21, 2020

This seems to have turned up in the package I'm using already react-syntax-highlighter/react-syntax-highlighter#223

I'll keep an eye on it, thanks for reporting!

@jpangelle
Copy link
Author

Ah nice find. 🍻

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
blocked due to 3rd party bug Blocked due to some bug in a dependency
Projects
None yet
Development

No branches or pull requests

2 participants