Skip to content
This repository was archived by the owner on Feb 9, 2023. It is now read-only.

Conversation

@eR1cccc3
Copy link

@eR1cccc3 eR1cccc3 commented Jan 14, 2023

Which issue, if any, is this issue related to?

https://github.com/stylelint/postcss-css-in-js/issues/335

Is there anything in the PR that needs further explanation?

  • Support styled-jsx syntax in jsx
const Button = props => (
  <button>
    {props.children}
    <style jsx>{`
      button {
        color: #999;
        display: inline-block;
        font-size: 2em;
      }
    `}</style>
    <style jsx>{`
      button {
        padding: ${'large' in props ? '50' : '20'}px;
        background: ${props.theme.background};
      }
    `}</style>
  </button>
)

PS: external styles already has been supported somehow.

  • Add tests for all my use cases

@eR1cccc3 eR1cccc3 changed the title feat: add support for styled-jsx Add support for styled-jsx Jan 15, 2023
@jeddy3 jeddy3 closed this Feb 9, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Development

Successfully merging this pull request may close these issues.

2 participants