[feature request] Support nested syntax (a la Sass)

[corysimmons]

<style jsx>{`
  div {
    background: orange;

    span {
      background: pink;
    }
  }
`}</style>

Doesn't seem like it'd hurt the philosophy of styled-jsx, and it's just nice tbqh.

[giuseppeg]

We want to stick with CSS standard – the only exception being :global which we can use to opt out scoped styles on occasion.

I made styled-jsx-postcss which should let you add nesting support. Keep in mind though that I don't have a lot of time to maintain it so sometimes it could take a while to get the same features as styled-jsx latest.

[corysimmons]

Sounds perfect, thank you!

I don't have a lot of time to maintain it

Damn, the possibilities of PostCSS in styled-jsx are endless.