styled_jsx 18.0.0

AST transforms visitor for styled-jsx
1
2
3
4
5
6
7
8
9
10
11

export default ({ breakPoint }) => (
  <div>
    <style jsx>{`
      @media (${breakPoint}) {
        .test {
          margin-bottom: 1em;
        }
      }
    `}</style>
  </div>
);