Add support for pseudo selectors and media queries

[johanholmerin]

Example from Facebook Workplace:

{
  focused: {
    outline: "2px solid Highlight",
    "@media (-webkit-min-device-pixel-ratio: 0)": {
        outline: "5px auto -webkit-focus-ring-color"
    }
  },
  unfocused: {
    outline: "none"
  }
}

{
  typeaheadLayoutOpened: {
    borderBottomEndRadius: "8px",
    borderBottomStartRadius: "8px",
    "::before": {
      borderBottomEndRadius: "8px",
      borderBottomStartRadius: "8px"
    }
  }
}

[CanRau]

👍 Something like customizable named keys would be cool as well like fela-plugin-named-keys

Edit: Uh-huh it might be due to nesting probably not yet being supported correct? Oh and just realized you're the author of the library and not only of this issue haha 😅 Any ETA? May I somehow help? Though I'm pretty new to babel plugins 🤷‍♂️

[johanholmerin]

Yes, this issue was about adding support for nesting, which is implemented in 0.5.0.