{"action":"created","issue":{"url":"https://api.github.com/repos/postcss/postcss-media-minmax/issues/5","labels_url":"https://api.github.com/repos/postcss/postcss-media-minmax/issues/5/labels{/name}","comments_url":"https://api.github.com/repos/postcss/postcss-media-minmax/issues/5/comments","events_url":"https://api.github.com/repos/postcss/postcss-media-minmax/issues/5/events","html_url":"https://github.com/postcss/postcss-media-minmax/issues/5","id":55029453,"number":5,"title":"Support < and >","user":{"login":"MoOx","id":157534,"avatar_url":"https://avatars.githubusercontent.com/u/157534?v=3","gravatar_id":"","url":"https://api.github.com/users/MoOx","html_url":"https://github.com/MoOx","followers_url":"https://api.github.com/users/MoOx/followers","following_url":"https://api.github.com/users/MoOx/following{/other_user}","gists_url":"https://api.github.com/users/MoOx/gists{/gist_id}","starred_url":"https://api.github.com/users/MoOx/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/MoOx/subscriptions","organizations_url":"https://api.github.com/users/MoOx/orgs","repos_url":"https://api.github.com/users/MoOx/repos","events_url":"https://api.github.com/users/MoOx/events{/privacy}","received_events_url":"https://api.github.com/users/MoOx/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/postcss/postcss-media-minmax/labels/bug","name":"bug","color":"fc2929"},{"url":"https://api.github.com/repos/postcss/postcss-media-minmax/labels/enhancement","name":"enhancement","color":"84b6eb"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":15,"created_at":"2015-01-21T15:01:10Z","updated_at":"2015-01-22T19:43:50Z","closed_at":null,"body":"Currently `(20em < width <= 50em)` is not transformed.\r\nI understand it's a bit tricky to transform < and > when playing with (r)em because we cannot really do that for now.\r\nBut we know that .01em is a good 1px gap http://tzi.fr/css/responsive/prevent-double-breakpoint#tl-dr.\r\nMaybe we should handle that."},"comment":{"url":"https://api.github.com/repos/postcss/postcss-media-minmax/issues/comments/71085003","html_url":"https://github.com/postcss/postcss-media-minmax/issues/5#issuecomment-71085003","issue_url":"https://api.github.com/repos/postcss/postcss-media-minmax/issues/5","id":71085003,"user":{"login":"MoOx","id":157534,"avatar_url":"https://avatars.githubusercontent.com/u/157534?v=3","gravatar_id":"","url":"https://api.github.com/users/MoOx","html_url":"https://github.com/MoOx","followers_url":"https://api.github.com/users/MoOx/followers","following_url":"https://api.github.com/users/MoOx/following{/other_user}","gists_url":"https://api.github.com/users/MoOx/gists{/gist_id}","starred_url":"https://api.github.com/users/MoOx/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/MoOx/subscriptions","organizations_url":"https://api.github.com/users/MoOx/orgs","repos_url":"https://api.github.com/users/MoOx/repos","events_url":"https://api.github.com/users/MoOx/events{/privacy}","received_events_url":"https://api.github.com/users/MoOx/received_events","type":"User","site_admin":false},"created_at":"2015-01-22T19:43:50Z","updated_at":"2015-01-22T19:43:50Z","body":"Sure it's not :)\r\nThanks for your input @tabatkins!\r\n\r\nSo @yisibl I think we can go with this\r\n\r\nI\r\n```css\r\n@media (width < 50em) {}\r\n@media (width > 50em) {}\r\n@media (width < 320px) {}\r\n@media (width > 320px) {}\r\n```\r\n\r\nO\r\n```css\r\n@media (max-width: 49.99em) {}\r\n@media (min-width: 50.01em) {}\r\n@media (max-width: 319px) {}\r\n@media (min-width: 321px) {}\r\n```\r\n\r\nWe should also offer an option to customize the gap\r\n\r\n```js\r\npostcss().use(minmax({\r\n  gap: {\r\n    px: 1,\r\n    em: .01\r\n    rem: .01\r\n  }\r\n})\r\n```\r\n\r\nDon't you think?"}}