poly_styled_jsx 0.6.1

AST transforms for styled-jsx
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

import styles from './styles'
const styles2 = require('./styles2')
import { foo as styles3 } from './styles'

export default () => (
  <div>
    <p className="foo">test</p>
    <p>woot</p>
    <style jsx global>
      {styles2}
    </style>
    <style jsx>{styles3}</style>
    <div>woot</div>
    <style jsx>{`
      p {
        color: red;
      }
      div {
        color: green;
      }
    `}</style>
    <style jsx>{styles}</style>
  </div>
)

export const Test = () => (
  <div>
    <p className="foo">test</p>
    <p>woot</p>
    <style jsx>{styles3}</style>
    <div>woot</div>
    <style jsx>{`
      p {
        color: red;
      }
      div {
        color: green;
      }
    `}</style>
  </div>
)