styled_jsx 0.112.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:-webkit-linear-gradient(#fffc,#fffc),url(/static/background.svg);background-image:-moz-linear-gradient(#fffc,#fffc),url(/static/background.svg);background-image:-o-linear-gradient(#fffc,#fffc),url(/static/background.svg);background-image:linear-gradient(#fffc,#fffc),url(/static/background.svg)}p{color:#001}p{color:#002}p,a.jsx-374655937fd2de40{color:#003}.foo+a{color:#004}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}p.jsx-374655937fd2de40{color:#005}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;-webkit-animation:3s infinite forwards hahaha;-moz-animation:3s infinite forwards hahaha;-o-animation:3s infinite forwards hahaha;animation:3s infinite forwards hahaha;-webkit-animation-name:hahaha;-moz-animation-name:hahaha;-o-animation-name:hahaha;animation-name:hahaha;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-o-animation-delay:.1s;animation-delay:.1s}p.jsx-374655937fd2de40{-webkit-animation:1s hahaha,2s hehehe;-moz-animation:1s hahaha,2s hehehe;-o-animation:1s hahaha,2s hehehe;animation:1s hahaha,2s hehehe}p.jsx-374655937fd2de40:hover{color:#00d}p.jsx-374655937fd2de40:before{color:#00e}.jsx-374655937fd2de40:hover{color:#00f}.jsx-374655937fd2de40: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}@-webkit-keyframes hahaha{0%{top:0}to{top:100px}}@-moz-keyframes hahaha{0%{top:0}to{top:100px}}@-o-keyframes hahaha{0%{top:0}to{top:100px}}@keyframes hahaha{0%{top:0}to{top:100px}}@-webkit-keyframes hehehe{0%{left:0}to{left:100px}}@-moz-keyframes hehehe{0%{left:0}to{left:100px}}@-o-keyframes hehehe{0%{left:0}to{left:100px}}@keyframes hehehe{0%{left:0}to{left:100px}}@media (width>=500px){.test.jsx-374655937fd2de40{color:#015}}.test.jsx-374655937fd2de40{display:block}.inline-flex.jsx-374655937fd2de40{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}.flex.jsx-374655937fd2de40{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.test.jsx-374655937fd2de40{-webkit-box-shadow:0 0 10px #000,inset 0 0 5px #000;-moz-box-shadow:0 0 10px #000,inset 0 0 5px #000;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 (width>=1px) and (width<=768px){[class*=grid__col--].jsx-374655937fd2de40{margin-top:12px;margin-bottom:12px}}@media (width<=64em){.test.jsx-374655937fd2de40{margin-bottom:1em}@supports ((-moz-appearance:none)) and (display:contents){.test.jsx-374655937fd2de40{margin-bottom:2rem}}}"}</_JSXStyle>
  </div>);