{"action":"opened","issue":{"url":"https://api.github.com/repos/jakubpawlowicz/clean-css/issues/607","labels_url":"https://api.github.com/repos/jakubpawlowicz/clean-css/issues/607/labels{/name}","comments_url":"https://api.github.com/repos/jakubpawlowicz/clean-css/issues/607/comments","events_url":"https://api.github.com/repos/jakubpawlowicz/clean-css/issues/607/events","html_url":"https://github.com/jakubpawlowicz/clean-css/issues/607","id":89111817,"number":607,"title":"media queries don't merge","user":{"login":"Lomacar","id":4664022,"avatar_url":"https://avatars.githubusercontent.com/u/4664022?v=3","gravatar_id":"","url":"https://api.github.com/users/Lomacar","html_url":"https://github.com/Lomacar","followers_url":"https://api.github.com/users/Lomacar/followers","following_url":"https://api.github.com/users/Lomacar/following{/other_user}","gists_url":"https://api.github.com/users/Lomacar/gists{/gist_id}","starred_url":"https://api.github.com/users/Lomacar/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Lomacar/subscriptions","organizations_url":"https://api.github.com/users/Lomacar/orgs","repos_url":"https://api.github.com/users/Lomacar/repos","events_url":"https://api.github.com/users/Lomacar/events{/privacy}","received_events_url":"https://api.github.com/users/Lomacar/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-06-17T20:06:50Z","updated_at":"2015-06-17T20:06:50Z","closed_at":null,"body":"Why doesn't clean-css merge the media queries in this case? I have tried various options to no avail.\r\n\r\n        #bx-pager img {\r\n            display: inline-block;\r\n            width: 92px;\r\n            vertical-align: middle\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #bx-pager img {\r\n                display: none\r\n            }\r\n        }\r\n\r\n        #bx-pager span {\r\n            display: inline-block;\r\n            width: 50%;\r\n            text-align: left;\r\n            margin-left: .5em;\r\n            vertical-align: middle\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #bx-pager span {\r\n                width: 100%;\r\n                margin-left: 0;\r\n                text-align: center\r\n            }\r\n        }"}}