{"action":"created","issue":{"url":"https://api.github.com/repos/sass/sass/issues/1831","labels_url":"https://api.github.com/repos/sass/sass/issues/1831/labels{/name}","comments_url":"https://api.github.com/repos/sass/sass/issues/1831/comments","events_url":"https://api.github.com/repos/sass/sass/issues/1831/events","html_url":"https://github.com/sass/sass/issues/1831","id":105523300,"number":1831,"title":"Nested media queries using the \"not\" keyword should not be merged","user":{"login":"jaydenseric","id":1754873,"avatar_url":"https://avatars.githubusercontent.com/u/1754873?v=3","gravatar_id":"","url":"https://api.github.com/users/jaydenseric","html_url":"https://github.com/jaydenseric","followers_url":"https://api.github.com/users/jaydenseric/followers","following_url":"https://api.github.com/users/jaydenseric/following{/other_user}","gists_url":"https://api.github.com/users/jaydenseric/gists{/gist_id}","starred_url":"https://api.github.com/users/jaydenseric/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jaydenseric/subscriptions","organizations_url":"https://api.github.com/users/jaydenseric/orgs","repos_url":"https://api.github.com/users/jaydenseric/repos","events_url":"https://api.github.com/users/jaydenseric/events{/privacy}","received_events_url":"https://api.github.com/users/jaydenseric/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/sass/sass/labels/Bug","name":"Bug","color":"e10c02"},{"url":"https://api.github.com/repos/sass/sass/labels/Help%20Wanted","name":"Help Wanted","color":"009800"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-09-09T05:38:54Z","updated_at":"2015-10-07T10:13:33Z","closed_at":null,"body":"Nested media queries using the `not` keyword should not be merged. According to [the spec](http://www.w3.org/TR/mediaqueries-4/#mq-not), `not` flips the result for the entire query and does not apply to specific chunks.\r\n\r\nFor example:\r\n\r\n```scss\r\n@media (min-width: 500px) {\r\n  @media not all and (min-width: 800px) {\r\n    background: red;\r\n  }\r\n }\r\n```\r\n\r\nShould compile to the same:\r\n\r\n```css\r\n@media (min-width: 500px) {\r\n  @media not all and (min-width: 800px) {\r\n    background: red;\r\n  }\r\n }\r\n```\r\n\r\nAt 400px the background is expectedly not red.\r\n\r\nInstead it compiles to:\r\n\r\n```css\r\n@media not all and (min-width: 500px) and (min-width: 800px) {\r\n  background: red;\r\n}\r\n```\r\n\r\nAt 400px the background is unexpectedly red."},"comment":{"url":"https://api.github.com/repos/sass/sass/issues/comments/146140910","html_url":"https://github.com/sass/sass/issues/1831#issuecomment-146140910","issue_url":"https://api.github.com/repos/sass/sass/issues/1831","id":146140910,"user":{"login":"chriseppstein","id":1839,"avatar_url":"https://avatars.githubusercontent.com/u/1839?v=3","gravatar_id":"","url":"https://api.github.com/users/chriseppstein","html_url":"https://github.com/chriseppstein","followers_url":"https://api.github.com/users/chriseppstein/followers","following_url":"https://api.github.com/users/chriseppstein/following{/other_user}","gists_url":"https://api.github.com/users/chriseppstein/gists{/gist_id}","starred_url":"https://api.github.com/users/chriseppstein/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/chriseppstein/subscriptions","organizations_url":"https://api.github.com/users/chriseppstein/orgs","repos_url":"https://api.github.com/users/chriseppstein/repos","events_url":"https://api.github.com/users/chriseppstein/events{/privacy}","received_events_url":"https://api.github.com/users/chriseppstein/received_events","type":"User","site_admin":false},"created_at":"2015-10-07T10:13:33Z","updated_at":"2015-10-07T10:13:33Z","body":"I had the thought \"Since CSS allows nested media queries now, I wonder whether it's better to just remove the media merging feature from Sass.\" Then I discovered IE11 still doesn't support nested media queries. (IE9-11 is 8% of global users)\r\n\r\nNoting that here in case someone else thinks it."}}