{"action":"created","issue":{"url":"https://api.github.com/repos/postcss/postcss-custom-media/issues/7","labels_url":"https://api.github.com/repos/postcss/postcss-custom-media/issues/7/labels{/name}","comments_url":"https://api.github.com/repos/postcss/postcss-custom-media/issues/7/comments","events_url":"https://api.github.com/repos/postcss/postcss-custom-media/issues/7/events","html_url":"https://github.com/postcss/postcss-custom-media/issues/7","id":58631816,"number":7,"title":"Custom properties not resolved","user":{"login":"VinSpee","id":582828,"avatar_url":"https://avatars.githubusercontent.com/u/582828?v=3","gravatar_id":"","url":"https://api.github.com/users/VinSpee","html_url":"https://github.com/VinSpee","followers_url":"https://api.github.com/users/VinSpee/followers","following_url":"https://api.github.com/users/VinSpee/following{/other_user}","gists_url":"https://api.github.com/users/VinSpee/gists{/gist_id}","starred_url":"https://api.github.com/users/VinSpee/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/VinSpee/subscriptions","organizations_url":"https://api.github.com/users/VinSpee/orgs","repos_url":"https://api.github.com/users/VinSpee/repos","events_url":"https://api.github.com/users/VinSpee/events{/privacy}","received_events_url":"https://api.github.com/users/VinSpee/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-02-23T19:02:25Z","updated_at":"2015-02-23T20:52:07Z","closed_at":"2015-02-23T20:52:07Z","body":"## Actual\r\nWhen using a custom property (as outlined in [postcss-custom-properties](https://github.com/postcss/postcss-custom-properties), my custom property is not resolved inside a custom media definition.\r\n\r\n### INPUT:\r\n```css\r\n:root {\r\n  --ms6: 4.5em;\r\n}\r\n\r\n@custom-media --palm (min-width: var(--ms6));\r\n\r\n@media (--palm) {\r\n  html {\r\n    color: red !important;\r\n  }\r\n}\r\n\r\n```\r\n\r\n### OUTPUT:\r\n```css\r\n@media min-width: var(--ms6) {\r\n  html {\r\n    color: red;\r\n  }\r\n}\r\n```\r\n\r\n## Expected\r\nMy custom property should be resolved.\r\n### INPUT:\r\n```css\r\n:root {\r\n  --ms6: 4.5em;\r\n}\r\n\r\n@custom-media --palm (min-width: var(--ms6));\r\n\r\n@media (--palm) {\r\n  html {\r\n    color: red !important;\r\n  }\r\n}\r\n\r\n```\r\n\r\n### OUTPUT:\r\n```css\r\n@media (min-width: 4.5em)  {\r\n  html {\r\n    color: red;\r\n  }\r\n}\r\n```\r\n\r\n## Reproduction\r\n1. set up build (something like this):\r\n  ```js\r\n    return gulp.src(paths.source.client.main_style)\r\n    .pipe(postcss([\r\n      inline({\r\n        path: ['./app/styles/']\r\n      }),\r\n      customProperties(),\r\n      customMedia()\r\n    ]))\r\n    .pipe(gulp.dest(paths.dest.client.styles))\r\n\r\n  ```\r\n1. add a custom property\r\n2. use it in an `@custom-media` definition\r\n3. see that your output contains the custom property name, not the rendered value.\r\n\r\nAm I doing anything wrong?\r\n\r\n\r\nThanks!"},"comment":{"url":"https://api.github.com/repos/postcss/postcss-custom-media/issues/comments/75629131","html_url":"https://github.com/postcss/postcss-custom-media/issues/7#issuecomment-75629131","issue_url":"https://api.github.com/repos/postcss/postcss-custom-media/issues/7","id":75629131,"user":{"login":"VinSpee","id":582828,"avatar_url":"https://avatars.githubusercontent.com/u/582828?v=3","gravatar_id":"","url":"https://api.github.com/users/VinSpee","html_url":"https://github.com/VinSpee","followers_url":"https://api.github.com/users/VinSpee/followers","following_url":"https://api.github.com/users/VinSpee/following{/other_user}","gists_url":"https://api.github.com/users/VinSpee/gists{/gist_id}","starred_url":"https://api.github.com/users/VinSpee/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/VinSpee/subscriptions","organizations_url":"https://api.github.com/users/VinSpee/orgs","repos_url":"https://api.github.com/users/VinSpee/repos","events_url":"https://api.github.com/users/VinSpee/events{/privacy}","received_events_url":"https://api.github.com/users/VinSpee/received_events","type":"User","site_admin":false},"created_at":"2015-02-23T20:52:07Z","updated_at":"2015-02-23T20:52:07Z","body":"interesting and understood. Any thoughts on ways to manage custom media values? I'm using a [modular scale](https://github.com/VinSpee/css-modularscale) for sizing, and it essentially gives a list of sizes in `em`. Do I really have to manually put in the value? Feels archaic :-)"}}