{"action":"created","issue":{"url":"https://api.github.com/repos/ResponsiveImagesCG/container-queries/issues/2","labels_url":"https://api.github.com/repos/ResponsiveImagesCG/container-queries/issues/2/labels{/name}","comments_url":"https://api.github.com/repos/ResponsiveImagesCG/container-queries/issues/2/comments","events_url":"https://api.github.com/repos/ResponsiveImagesCG/container-queries/issues/2/events","html_url":"https://github.com/ResponsiveImagesCG/container-queries/issues/2","id":85561795,"number":2,"title":"A rough proposal for syntax","user":{"login":"Wilto","id":439942,"avatar_url":"https://avatars.githubusercontent.com/u/439942?v=3","gravatar_id":"","url":"https://api.github.com/users/Wilto","html_url":"https://github.com/Wilto","followers_url":"https://api.github.com/users/Wilto/followers","following_url":"https://api.github.com/users/Wilto/following{/other_user}","gists_url":"https://api.github.com/users/Wilto/gists{/gist_id}","starred_url":"https://api.github.com/users/Wilto/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Wilto/subscriptions","organizations_url":"https://api.github.com/users/Wilto/orgs","repos_url":"https://api.github.com/users/Wilto/repos","events_url":"https://api.github.com/users/Wilto/events{/privacy}","received_events_url":"https://api.github.com/users/Wilto/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":16,"created_at":"2015-06-05T15:40:04Z","updated_at":"2015-07-08T17:05:38Z","closed_at":null,"body":"May Tim Berners-Lee have mercy on our souls, because it is time to kick off The Great Bikesheddening.\r\n\r\nI’m a big fan of the syntax @jonathantneal [proposed way back when](http://www.jonathantneal.com/blog/thoughts-on-media-queries-for-elements/), but I have two issues with my own preference: \r\n\r\nFirst, it doesn’t make sense _strictly_ in terms of container queries. This syntax is fine for styling child elements if we _always_ assume something like this:\r\n\r\n```css\r\n.element:media( min-width: 60em ) .child-el {\r\n  background: papayawhip;\r\n}\r\n```\r\n\r\nBut there’s nothing stopping someone from writing:\r\n```css\r\n.element:media( min-width: 60em ) {\r\n  background: papayawhip;\r\n}\r\n```\r\n\r\nAt which point, would we just throw those styles away? That seems strange.\r\n\r\nThe second issue is the repurposing of `media`, which doesn’t seem to make semantic sense in this context. It feels a little telephone-gamed from `media=\"handheld\"`—which checks out—to `@media( min-width: 30em )`—which _kinda_ makes sense—to `.el:media( min-width: 30em )`, which makes no sense whatsoever."},"comment":{"url":"https://api.github.com/repos/ResponsiveImagesCG/container-queries/issues/comments/119664817","html_url":"https://github.com/ResponsiveImagesCG/container-queries/issues/2#issuecomment-119664817","issue_url":"https://api.github.com/repos/ResponsiveImagesCG/container-queries/issues/2","id":119664817,"user":{"login":"serapath","id":1771897,"avatar_url":"https://avatars.githubusercontent.com/u/1771897?v=3","gravatar_id":"","url":"https://api.github.com/users/serapath","html_url":"https://github.com/serapath","followers_url":"https://api.github.com/users/serapath/followers","following_url":"https://api.github.com/users/serapath/following{/other_user}","gists_url":"https://api.github.com/users/serapath/gists{/gist_id}","starred_url":"https://api.github.com/users/serapath/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/serapath/subscriptions","organizations_url":"https://api.github.com/users/serapath/orgs","repos_url":"https://api.github.com/users/serapath/repos","events_url":"https://api.github.com/users/serapath/events{/privacy}","received_events_url":"https://api.github.com/users/serapath/received_events","type":"User","site_admin":false},"created_at":"2015-07-08T17:05:38Z","updated_at":"2015-07-08T17:05:38Z","body":"wow awesome :-) resize events for elements?\n\nOn 6 July 2015 at 19:34, Tab Atkins Jr. <notifications@github.com> wrote:\n\n> Re: a JS API, this is coming - browsers have been talking about resize\n> events on all elements, which would give you this ability.\n>\n> —\n> Reply to this email directly or view it on GitHub\n> <https://github.com/ResponsiveImagesCG/container-queries/issues/2#issuecomment-118934240>\n> .\n>\n"}}