styled_jsx 6.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;animation:3s .1s infinite forwards hahaha}p.jsx-2e0b2fdc9a904355{animation:1s hahaha,2s hehehe}p.jsx-2e0b2fdc9a904355:hover,p.jsx-2e0b2fdc9a904355:before,.jsx-2e0b2fdc9a904355:hover,:before,.jsx-2e0b2fdc9a904355:hover p.jsx-2e0b2fdc9a904355,p.jsx-2e0b2fdc9a904355+a.jsx-2e0b2fdc9a904355,p.jsx-2e0b2fdc9a904355~a.jsx-2e0b2fdc9a904355,p.jsx-2e0b2fdc9a904355>a.jsx-2e0b2fdc9a904355{color:red}@keyframes hahaha{0%{top:0}to{top:100px}}@keyframes hehehe{0%{left:0}to{left:100px}}@media (min-width:500px){.test.jsx-2e0b2fdc9a904355{color:red}}.test.jsx-2e0b2fdc9a904355{display:block}.inline-flex.jsx-2e0b2fdc9a904355{display:inline-flex}.flex.jsx-2e0b2fdc9a904355{display:flex}.test.jsx-2e0b2fdc9a904355{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>);