styled_jsx 12.0.0

AST transforms visitor for styled-jsx
Documentation
1
2
3
4
5
import _JSXStyle from "styled-jsx/style";
export default (()=><div className={"jsx-374655937fd2de40"}>
    <p className={"jsx-374655937fd2de40"}>test</p>
    <_JSXStyle id={"374655937fd2de40"}>{"html.jsx-374655937fd2de40{background-image:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)),url(/static/background.svg)}p{color:#002}a.jsx-374655937fd2de40,p{color:#003}.foo+a{color:#004}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}p.jsx-374655937fd2de40{color:#006}.jsx-374655937fd2de40{color:#007}[href=woot].jsx-374655937fd2de40{color:#008}p.jsx-374655937fd2de40 a.jsx-374655937fd2de40 span.jsx-374655937fd2de40{color:#009}p.jsx-374655937fd2de40 span{background:#00a}p.jsx-374655937fd2de40 a[title=\"'w ' '  t'\"].jsx-374655937fd2de40{margin:auto}p.jsx-374655937fd2de40 span:not(.test){color:#00b}p.jsx-374655937fd2de40,h1.jsx-374655937fd2de40{color:#00c;animation:3s .1s infinite forwards hahaha}p.jsx-374655937fd2de40{animation:1s hahaha,2s hehehe}p.jsx-374655937fd2de40:hover{color:#00d}p.jsx-374655937fd2de40:before{color:#00e}.jsx-374655937fd2de40:hover{color:#00f}:before{color:#010}.jsx-374655937fd2de40:hover p.jsx-374655937fd2de40{color:#011}p.jsx-374655937fd2de40+a.jsx-374655937fd2de40{color:#012}p.jsx-374655937fd2de40~a.jsx-374655937fd2de40{color:#013}p.jsx-374655937fd2de40>a.jsx-374655937fd2de40{color:#014}@keyframes hahaha{0%{top:0}to{top:100px}}@keyframes hehehe{0%{left:0}to{left:100px}}@media (min-width:500px){.test.jsx-374655937fd2de40{color:#015}}.test.jsx-374655937fd2de40{display:block}.inline-flex.jsx-374655937fd2de40{display:inline-flex}.flex.jsx-374655937fd2de40{display:flex}.test.jsx-374655937fd2de40{box-shadow:0 0 10px #000,inset 0 0 5px #000}.test[title=\\,].jsx-374655937fd2de40{display:inline-block}.test.is-status.jsx-374655937fd2de40 .test.jsx-374655937fd2de40{color:#016}.a-selector.jsx-374655937fd2de40:hover,.a-selector.jsx-374655937fd2de40:focus{outline:none}@media (min-width:1px) and (max-width:768px){[class*=grid__col--].jsx-374655937fd2de40{margin-top:12px;margin-bottom:12px}}@media (max-width:64em){.test.jsx-374655937fd2de40{margin-bottom:1em}@supports ((-moz-appearance:none)) and (display:contents){.test.jsx-374655937fd2de40{margin-bottom:2rem}}}"}</_JSXStyle>
  </div>);