{"action":"closed","issue":{"url":"https://api.github.com/repos/stylus/stylus/issues/2292","repository_url":"https://api.github.com/repos/stylus/stylus","labels_url":"https://api.github.com/repos/stylus/stylus/issues/2292/labels{/name}","comments_url":"https://api.github.com/repos/stylus/stylus/issues/2292/comments","events_url":"https://api.github.com/repos/stylus/stylus/issues/2292/events","html_url":"https://github.com/stylus/stylus/issues/2292","id":219851870,"number":2292,"title":"Stylus is treating variables in media query as media types","user":{"login":"k1sul1","id":2719615,"avatar_url":"https://avatars3.githubusercontent.com/u/2719615?v=3","gravatar_id":"","url":"https://api.github.com/users/k1sul1","html_url":"https://github.com/k1sul1","followers_url":"https://api.github.com/users/k1sul1/followers","following_url":"https://api.github.com/users/k1sul1/following{/other_user}","gists_url":"https://api.github.com/users/k1sul1/gists{/gist_id}","starred_url":"https://api.github.com/users/k1sul1/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/k1sul1/subscriptions","organizations_url":"https://api.github.com/users/k1sul1/orgs","repos_url":"https://api.github.com/users/k1sul1/repos","events_url":"https://api.github.com/users/k1sul1/events{/privacy}","received_events_url":"https://api.github.com/users/k1sul1/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2017-04-06T10:21:27Z","updated_at":"2017-04-06T10:49:44Z","closed_at":"2017-04-06T10:49:44Z","body":"I keep my media queries in a json file, which I import to variables using the built-in `json()` function. It works great, but...\r\n\r\nThis doesn't work.\r\n```\r\n@media tablet, hybrid, phone {\r\n  display: none\r\n}\r\n```\r\n\r\nThe end result looks something like this: `@media tablet,hybrid,phone{#main-header{display:none}}`\r\n\r\nThis on the other hand works:\r\n\r\n```\r\nmq = {\r\n  desktop: desktop,\r\n  laptop: laptop,\r\n  tablet: tablet,\r\n  hybrid: hybrid,\r\n  phone: phone\r\n}\r\n\r\n@media mq.tablet, mq.hybrid, mq.phone {\r\n  display: none\r\n}\r\n```\r\n\r\nOutput: `@media (min-width: 769px) and (max-width: 1024px),(min-width: 481px) and (max-width: 768px),(min-width: 0px) and (max-width: 480px){#main-header{display:none}}`\r\n\r\nSo it seems that Stylus is treating those variables as media types, but handles properties from hashes correctly. Is this fixable? "}}
{"actor":{"display_login":"Panya"}}