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

Feature request: styled-jsx-postcss support #6

Closed
comerc opened this issue May 10, 2017 · 3 comments
Closed

Feature request: styled-jsx-postcss support #6

comerc opened this issue May 10, 2017 · 3 comments

Comments

@comerc
Copy link

comerc commented May 10, 2017

Please add support of styled-jsx-postcss.

Example app with styled-jsx-postcss:

export default () => (
  <div className='hello'>
    <p>Hello World</p>
    <style jsx>{`
      :global(:root) {
        --bgColor: green;
        --color: white;
      }
      .hello {
        font: 15px Helvetica, Arial, sans-serif;
        background: var(--bgColor);
        color: var(--color);
        padding: 100px;
        text-align: center;
        transition: 100ms ease-in background;
      }
      .hello:hover {
        color: color(var(--color) blackness(+80%));
      }
    `}</style>
  </div>
)

Also we have vscode-styled-jsx without support of postcss.

@MhMadHamster
Copy link
Owner

Hello, i just published new version, check it out, should work out for styled jsx now as well, but without intellisense and color decorators

@comerc
Copy link
Author

comerc commented May 10, 2017

Thanks. It is work fine! But now I want more features: intellisense and color decorators. :)

Also I found bug when press [CTRL]+[/] - JSX-comment instead of CSS-comment:

<style jsx>{`
  {/*.hello { color: red }*/}
`}</style>

@MhMadHamster
Copy link
Owner

Closing since main issue (i.e. syntax support for styled jsx) was solved and for the other ones i opened separate issues

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants