{"action":"created","issue":{"url":"https://api.github.com/repos/cssinjs/jss/issues/284","repository_url":"https://api.github.com/repos/cssinjs/jss","labels_url":"https://api.github.com/repos/cssinjs/jss/issues/284/labels{/name}","comments_url":"https://api.github.com/repos/cssinjs/jss/issues/284/comments","events_url":"https://api.github.com/repos/cssinjs/jss/issues/284/events","html_url":"https://github.com/cssinjs/jss/issues/284","id":170424858,"number":284,"title":"Media query not working as expect from example","user":{"login":"techniq","id":177476,"avatar_url":"https://avatars.githubusercontent.com/u/177476?v=3","gravatar_id":"","url":"https://api.github.com/users/techniq","html_url":"https://github.com/techniq","followers_url":"https://api.github.com/users/techniq/followers","following_url":"https://api.github.com/users/techniq/following{/other_user}","gists_url":"https://api.github.com/users/techniq/gists{/gist_id}","starred_url":"https://api.github.com/users/techniq/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/techniq/subscriptions","organizations_url":"https://api.github.com/users/techniq/orgs","repos_url":"https://api.github.com/users/techniq/repos","events_url":"https://api.github.com/users/techniq/events{/privacy}","received_events_url":"https://api.github.com/users/techniq/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-08-10T14:02:20Z","updated_at":"2016-08-10T14:15:26Z","closed_at":null,"body":"I'm attempting to setup a [Codepen](http://codepen.io/techniq/pen/PzXzRL?editors=0010) to get a feel for JSS and I'm having trouble running the [example](https://github.com/cssinjs/jss#example) in the README.  Currently the media query doesn't appear to get applied until the button is hovered, although when I paste the following from the example into the [repl](https://cssinjs.github.io/repl/) it appears to create the correct CSS classes.\r\n\r\n```js\r\nreturn {\r\n  button: {\r\n    fontSize: 12,\r\n    '&:hover': {\r\n      background: 'blue'\r\n    }\r\n  },\r\n  ctaButton: {\r\n    extend: 'button',\r\n    '&:hover': {\r\n      background: 'red'\r\n    }\r\n  },\r\n  '@media (min-width: 1024px)': {\r\n    button: {\r\n      minWidth: 200\r\n    }\r\n  }\r\n}\r\n```\r\n\r\ncreates\r\n```css\r\n.button-1289375814 {\r\n  font-size: 12px;\r\n}\r\n.ctaButton-2123192516 {\r\n  font-size: 12px;\r\n}\r\n@media (min-width: 1024px) {\r\n  .button-1289375814 {\r\n    min-width: 200px;\r\n  }\r\n}\r\n.button-1289375814:hover {\r\n  background: blue;\r\n}\r\n.ctaButton-2123192516:hover {\r\n  background: red;\r\n}\r\n```\r\n\r\n---\r\nSemi related, is it possible (maybe through one of the plugins) to nest media queries?\r\nFor example:\r\n```js\r\nreturn {\r\n  button: {\r\n    fontSize: 12,\r\n    '&:hover': {\r\n      background: 'blue'\r\n    },\r\n    '@media (min-width: 1024px)': {\r\n      minWidth: 200\r\n    }\r\n  },\r\n  ctaButton: {\r\n    extend: 'button',\r\n    '&:hover': {\r\n      background: 'red'\r\n    }\r\n  }\r\n}\r\n```"},"comment":{"url":"https://api.github.com/repos/cssinjs/jss/issues/comments/238879972","html_url":"https://github.com/cssinjs/jss/issues/284#issuecomment-238879972","issue_url":"https://api.github.com/repos/cssinjs/jss/issues/284","id":238879972,"user":{"login":"kof","id":52824,"avatar_url":"https://avatars.githubusercontent.com/u/52824?v=3","gravatar_id":"","url":"https://api.github.com/users/kof","html_url":"https://github.com/kof","followers_url":"https://api.github.com/users/kof/followers","following_url":"https://api.github.com/users/kof/following{/other_user}","gists_url":"https://api.github.com/users/kof/gists{/gist_id}","starred_url":"https://api.github.com/users/kof/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kof/subscriptions","organizations_url":"https://api.github.com/users/kof/orgs","repos_url":"https://api.github.com/users/kof/repos","events_url":"https://api.github.com/users/kof/events{/privacy}","received_events_url":"https://api.github.com/users/kof/received_events","type":"User","site_admin":false},"created_at":"2016-08-10T14:15:26Z","updated_at":"2016-08-10T14:15:26Z","body":"The first thing is weird, the second is a separate feature request #246 "}}
{"actor":{"display_login":"kof"}}