{"action":"created","issue":{"url":"https://api.github.com/repos/chris-pearce/scally/issues/123","labels_url":"https://api.github.com/repos/chris-pearce/scally/issues/123/labels{/name}","comments_url":"https://api.github.com/repos/chris-pearce/scally/issues/123/comments","events_url":"https://api.github.com/repos/chris-pearce/scally/issues/123/events","html_url":"https://github.com/chris-pearce/scally/issues/123","id":73476470,"number":123,"title":"Provide a \"retina\" media query mixin","user":{"login":"stowball","id":853552,"avatar_url":"https://avatars.githubusercontent.com/u/853552?v=3","gravatar_id":"","url":"https://api.github.com/users/stowball","html_url":"https://github.com/stowball","followers_url":"https://api.github.com/users/stowball/followers","following_url":"https://api.github.com/users/stowball/following{/other_user}","gists_url":"https://api.github.com/users/stowball/gists{/gist_id}","starred_url":"https://api.github.com/users/stowball/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/stowball/subscriptions","organizations_url":"https://api.github.com/users/stowball/orgs","repos_url":"https://api.github.com/users/stowball/repos","events_url":"https://api.github.com/users/stowball/events{/privacy}","received_events_url":"https://api.github.com/users/stowball/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/chris-pearce/scally/labels/core","name":"core","color":"bfd4f2"},{"url":"https://api.github.com/repos/chris-pearce/scally/labels/enhancement","name":"enhancement","color":"84b6eb"}],"state":"open","locked":false,"assignee":{"login":"chris-pearce","id":1342772,"avatar_url":"https://avatars.githubusercontent.com/u/1342772?v=3","gravatar_id":"","url":"https://api.github.com/users/chris-pearce","html_url":"https://github.com/chris-pearce","followers_url":"https://api.github.com/users/chris-pearce/followers","following_url":"https://api.github.com/users/chris-pearce/following{/other_user}","gists_url":"https://api.github.com/users/chris-pearce/gists{/gist_id}","starred_url":"https://api.github.com/users/chris-pearce/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/chris-pearce/subscriptions","organizations_url":"https://api.github.com/users/chris-pearce/orgs","repos_url":"https://api.github.com/users/chris-pearce/repos","events_url":"https://api.github.com/users/chris-pearce/events{/privacy}","received_events_url":"https://api.github.com/users/chris-pearce/received_events","type":"User","site_admin":false},"milestone":null,"comments":4,"created_at":"2015-05-06T00:45:03Z","updated_at":"2015-05-06T11:23:55Z","closed_at":null,"body":"It's hard to remember the syntax for different resolution media queries, so it would be great if a retina media query mixin was provided so all media queries in a Scally project are written with mixins.\r\n\r\nThe default should be for a 1.5dpr as that caters for most devices, but also allow it to be customised for 2dpr.\r\n\r\nCSS Tricks has a list of the syntaxes: https://css-tricks.com/snippets/css/retina-display-media-query/ but we only need the unprefixed `min-resolution` as autoprefixer will take care of the `-webkit-min-device-pixel-ratio`"},"comment":{"url":"https://api.github.com/repos/chris-pearce/scally/issues/comments/99422009","html_url":"https://github.com/chris-pearce/scally/issues/123#issuecomment-99422009","issue_url":"https://api.github.com/repos/chris-pearce/scally/issues/123","id":99422009,"user":{"login":"stowball","id":853552,"avatar_url":"https://avatars.githubusercontent.com/u/853552?v=3","gravatar_id":"","url":"https://api.github.com/users/stowball","html_url":"https://github.com/stowball","followers_url":"https://api.github.com/users/stowball/followers","following_url":"https://api.github.com/users/stowball/following{/other_user}","gists_url":"https://api.github.com/users/stowball/gists{/gist_id}","starred_url":"https://api.github.com/users/stowball/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/stowball/subscriptions","organizations_url":"https://api.github.com/users/stowball/orgs","repos_url":"https://api.github.com/users/stowball/repos","events_url":"https://api.github.com/users/stowball/events{/privacy}","received_events_url":"https://api.github.com/users/stowball/received_events","type":"User","site_admin":false},"created_at":"2015-05-06T11:23:55Z","updated_at":"2015-05-06T11:23:55Z","body":"In my brief search, I can't find any good info on what a good, default dpr is to match most devices. [Suzi uses 1.3](https://github.com/stowball/Suzi/blob/master/css/core/_mixins.scss#L296), but Scally uses 1.25.\r\n\r\nIt'd be great to allow users to input any ratio they want, though and not limit them to set ones (so that way it doesn't need to keep up with 3x and 4x devices should we ever need to cater for them specifically).\r\n\r\n1dpr = 96dpi, so take whatever (unitless) dpr they enter and multiply it by 96 to get the desired dpi."}}