styled_jsx 0.113.0

AST transforms visitor for styled-jsx
Documentation 
1
2
3
4
5
6
7
8

import _JSXStyle from "styled-jsx/style";
export default function Component() {
    return <div className={"jsx-2552bb7cce0bcbcf" + " " + "parent"}>
      <div className={"jsx-2552bb7cce0bcbcf" + " " + "child"}>Nested Selectors Test</div>
      <h1 className={"jsx-2552bb7cce0bcbcf"}>Heading</h1>
      <_JSXStyle id={"2552bb7cce0bcbcf"}>{".parent.jsx-2552bb7cce0bcbcf{position:relative}.parent.jsx-2552bb7cce0bcbcf:hover{background-color:red}.parent.jsx-2552bb7cce0bcbcf .child.jsx-2552bb7cce0bcbcf{margin-top:10px}.parent.jsx-2552bb7cce0bcbcf div.jsx-2552bb7cce0bcbcf{padding:15px}.parent.jsx-2552bb7cce0bcbcf h1.jsx-2552bb7cce0bcbcf{font-size:24px}"}</_JSXStyle>
    </div>;
}