{"action":"created","issue":{"url":"https://api.github.com/repos/inuitcss/trumps.widths-responsive/issues/12","labels_url":"https://api.github.com/repos/inuitcss/trumps.widths-responsive/issues/12/labels{/name}","comments_url":"https://api.github.com/repos/inuitcss/trumps.widths-responsive/issues/12/comments","events_url":"https://api.github.com/repos/inuitcss/trumps.widths-responsive/issues/12/events","html_url":"https://github.com/inuitcss/trumps.widths-responsive/issues/12","id":111947020,"number":12,"title":"Non-breakpoint media queries (eg \"retina\") are used to generate responsive widths","user":{"login":"timswalling","id":10677793,"avatar_url":"https://avatars.githubusercontent.com/u/10677793?v=3","gravatar_id":"","url":"https://api.github.com/users/timswalling","html_url":"https://github.com/timswalling","followers_url":"https://api.github.com/users/timswalling/followers","following_url":"https://api.github.com/users/timswalling/following{/other_user}","gists_url":"https://api.github.com/users/timswalling/gists{/gist_id}","starred_url":"https://api.github.com/users/timswalling/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/timswalling/subscriptions","organizations_url":"https://api.github.com/users/timswalling/orgs","repos_url":"https://api.github.com/users/timswalling/repos","events_url":"https://api.github.com/users/timswalling/events{/privacy}","received_events_url":"https://api.github.com/users/timswalling/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-10-17T06:23:04Z","updated_at":"2015-10-22T10:24:57Z","closed_at":null,"body":"The 0.2.0 release (105b0b07844e656b9bf684db6f598b6fb48d6b6d) appears to have dropped the exclusion of `retina` breakpoints. This means that all media queries in the `$breakpoints` variable are converted into widths, whether they are wanted or not.\r\n\r\nAlthough I've raised this as an issue with the responsive widths module, I think the best solution would actually be to leave this module intact, and to update the [responsive settings](https://github.com/inuitcss/settings.responsive) and [responsive tools](https://github.com/inuitcss/tools.responsive).\r\n\r\nThe responsive settings could be updated to include both a `$breakpoints` variable and a separate `$media-queries` variable (which is a superset of `$breakpoints`), while the responsive tools could be updated to use the `$media-queries` variable, with a fallback for anyone who is only using `$breakpoints`. [Here's what this might look like](http://sassmeister.com/gist/timswalling/d3ec7b86abc352ea3832).\r\n\r\nIf both files were also updated to use the map syntax proposed by @tymondesigns (see inuitcss/tools.responsive#7) it would make things easier to understand, as joining nested lists is a little messier than joining maps. [Here's what this might look like](http://sassmeister.com/gist/timswalling/1e21235ba6d4d4989827)."},"comment":{"url":"https://api.github.com/repos/inuitcss/trumps.widths-responsive/issues/comments/150172192","html_url":"https://github.com/inuitcss/trumps.widths-responsive/issues/12#issuecomment-150172192","issue_url":"https://api.github.com/repos/inuitcss/trumps.widths-responsive/issues/12","id":150172192,"user":{"login":"timswalling","id":10677793,"avatar_url":"https://avatars.githubusercontent.com/u/10677793?v=3","gravatar_id":"","url":"https://api.github.com/users/timswalling","html_url":"https://github.com/timswalling","followers_url":"https://api.github.com/users/timswalling/followers","following_url":"https://api.github.com/users/timswalling/following{/other_user}","gists_url":"https://api.github.com/users/timswalling/gists{/gist_id}","starred_url":"https://api.github.com/users/timswalling/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/timswalling/subscriptions","organizations_url":"https://api.github.com/users/timswalling/orgs","repos_url":"https://api.github.com/users/timswalling/repos","events_url":"https://api.github.com/users/timswalling/events{/privacy}","received_events_url":"https://api.github.com/users/timswalling/received_events","type":"User","site_admin":false},"created_at":"2015-10-22T10:24:57Z","updated_at":"2015-10-22T10:24:57Z","body":"Having played around with this a bit, I've realised it's possible to use maps for breakpoints and media queries but retain the existing logic for backwards compatibility: http://sassmeister.com/gist/timswalling/efc8fc7fa661999d6f3a\r\n\r\n@csswizardry Would you accept a PR with these changes?"}}