{"action":"opened","issue":{"url":"https://api.github.com/repos/linkedin/archetype/issues/102","labels_url":"https://api.github.com/repos/linkedin/archetype/issues/102/labels{/name}","comments_url":"https://api.github.com/repos/linkedin/archetype/issues/102/comments","events_url":"https://api.github.com/repos/linkedin/archetype/issues/102/events","html_url":"https://github.com/linkedin/archetype/issues/102","id":54621980,"number":102,"title":"Add ability to use multiple breakpoint keys with \"breakpoint\" mixin","user":{"login":"ima007","id":1145967,"avatar_url":"https://avatars.githubusercontent.com/u/1145967?v=3","gravatar_id":"","url":"https://api.github.com/users/ima007","html_url":"https://github.com/ima007","followers_url":"https://api.github.com/users/ima007/followers","following_url":"https://api.github.com/users/ima007/following{/other_user}","gists_url":"https://api.github.com/users/ima007/gists{/gist_id}","starred_url":"https://api.github.com/users/ima007/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ima007/subscriptions","organizations_url":"https://api.github.com/users/ima007/orgs","repos_url":"https://api.github.com/users/ima007/repos","events_url":"https://api.github.com/users/ima007/events{/privacy}","received_events_url":"https://api.github.com/users/ima007/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-01-16T20:36:42Z","updated_at":"2015-01-16T20:36:42Z","closed_at":null,"body":"Enhancement request:\r\nEssentially, a user should be able to pass in a list of keys to the breakpoint mixin, and the result should be a comma-delimited media query, which acts as a logical \"OR\". Unregistered breakpoints that are passed to the mixin should still throw a warning.\r\n\r\nExample usage:\r\n\r\nSASS\r\n```\r\n@include breakpoint( (tablet, desktop) ){\r\n   .test{\r\n     //CSS for tablet and desktop breakpoints\r\n   }\r\n}\r\n```\r\nCSS output (example)\r\n```\r\n@media (min-width: 600px) and (max-width: 800px), (min-width: 800px){\r\n  .test{\r\n     //CSS for tablet and desktop breakpoints\r\n  }\r\n}\r\n```"}}