styled_jsx 2.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-2e0b2fdc9a904355"}>
    <p className={"jsx-2e0b2fdc9a904355"}>test</p>
    <_JSXStyle id={"2e0b2fdc9a904355"}>{"p.jsx-2e0b2fdc9a904355 a.jsx-2e0b2fdc9a904355 span.jsx-2e0b2fdc9a904355{color:red}p.jsx-2e0b2fdc9a904355 span{background:#00f}p.jsx-2e0b2fdc9a904355 a[title=\"'w ' '  t'\"].jsx-2e0b2fdc9a904355{margin:auto}p.jsx-2e0b2fdc9a904355 span:not(.test){color:green}p.jsx-2e0b2fdc9a904355,h1.jsx-2e0b2fdc9a904355{color:#00f;-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-2e0b2fdc9a904355{-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-2e0b2fdc9a904355:hover{color:red}p.jsx-2e0b2fdc9a904355:before{color:red}.jsx-2e0b2fdc9a904355:hover{color:red}.jsx-2e0b2fdc9a904355:before{color:red}.jsx-2e0b2fdc9a904355:hover p.jsx-2e0b2fdc9a904355{color:red}p.jsx-2e0b2fdc9a904355+a.jsx-2e0b2fdc9a904355{color:red}p.jsx-2e0b2fdc9a904355~a.jsx-2e0b2fdc9a904355{color:red}p.jsx-2e0b2fdc9a904355>a.jsx-2e0b2fdc9a904355{color:red}@-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-2e0b2fdc9a904355{color:red}}.test.jsx-2e0b2fdc9a904355{display:block}.inline-flex.jsx-2e0b2fdc9a904355{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}.flex.jsx-2e0b2fdc9a904355{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.test.jsx-2e0b2fdc9a904355{-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-2e0b2fdc9a904355{display:inline-block}.test.is-status.jsx-2e0b2fdc9a904355 .test.jsx-2e0b2fdc9a904355{color:red}.a-selector.jsx-2e0b2fdc9a904355:hover,.a-selector.jsx-2e0b2fdc9a904355:focus{outline:none}"}</_JSXStyle>
  </div>);