styled_jsx 3.0.0

AST transforms visitor 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

export default function Home() {
    return (
        <>
            <div className="container">
                container (should be blue)

                <div className="child">
                    this should be green
                </div>
            </div>


            <style jsx>{`
            .container {
                color: blue;
                padding: 3rem;
            }
  
            :global(div.child) {
                color: green;
            }
        `}</style>
        </>
    );
}