{"action":"closed","issue":{"url":"https://api.github.com/repos/postcss/postcss-mixins/issues/41","repository_url":"https://api.github.com/repos/postcss/postcss-mixins","labels_url":"https://api.github.com/repos/postcss/postcss-mixins/issues/41/labels{/name}","comments_url":"https://api.github.com/repos/postcss/postcss-mixins/issues/41/comments","events_url":"https://api.github.com/repos/postcss/postcss-mixins/issues/41/events","html_url":"https://github.com/postcss/postcss-mixins/issues/41","id":126503350,"number":41,"title":"Color definitions break params","user":{"login":"mikestopcontinues","id":150434,"avatar_url":"https://avatars.githubusercontent.com/u/150434?v=3","gravatar_id":"","url":"https://api.github.com/users/mikestopcontinues","html_url":"https://github.com/mikestopcontinues","followers_url":"https://api.github.com/users/mikestopcontinues/followers","following_url":"https://api.github.com/users/mikestopcontinues/following{/other_user}","gists_url":"https://api.github.com/users/mikestopcontinues/gists{/gist_id}","starred_url":"https://api.github.com/users/mikestopcontinues/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mikestopcontinues/subscriptions","organizations_url":"https://api.github.com/users/mikestopcontinues/orgs","repos_url":"https://api.github.com/users/mikestopcontinues/repos","events_url":"https://api.github.com/users/mikestopcontinues/events{/privacy}","received_events_url":"https://api.github.com/users/mikestopcontinues/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2016-01-13T20:13:57Z","updated_at":"2016-10-07T16:30:18Z","closed_at":"2016-10-07T16:30:18Z","body":"When I only use one param, I can get hsl() color definitions to work, but when I use two, it breaks. It looks like it might parse the commas within the vars as separators. It also doesn't work when I specify the default value of `$blend: var(--white)`.\r\n\r\n```css\r\n:root {\r\n  --white: hsl(0, 0%, 100%);\r\n  --gray: hsl(0, 0%, 50%);\r\n}\r\n\r\n@define-mixin linkColorBlend $color, $blend {\r\n  color: $color;\r\n\r\n  &:hover {\r\n    color: color($color blend($blend 50%));\r\n  }\r\n}\r\n\r\n.link {\r\n  @mixin linkColorBlend var(--gray), white;\r\n}\r\n```\r\n\r\nI get this error message:\r\n\r\n```\r\nModule build failed: Error: /Users/msc/Sites/msc.com/modules/www/Styles/Mixins/LinkMixins.css:18:5: Unable to parse color from string \"hsl(0,\"\r\n    at /Users/msc/Sites/msc.com/modules/www/Styles/Mixins/LinkMixins.css:18:5\r\n    at Object.Color (/Users/msc/Sites/msc.com/node_modules/color/index.js:33:10)\r\n    at Object.exports.blend (/Users/msc/Sites/msc.com/node_modules/css-color-function/lib/adjusters.js:39:15)\r\n    at /Users/msc/Sites/msc.com/node_modules/css-color-function/lib/convert.js:56:20\r\n    at Array.forEach (native)\r\n    at toRGB (/Users/msc/Sites/msc.com/node_modules/css-color-function/lib/convert.js:42:7)\r\n    at Object.convert (/Users/msc/Sites/msc.com/node_modules/css-color-function/lib/convert.js:28:10)\r\n    at transformColor (/Users/msc/Sites/msc.com/node_modules/postcss-color-function/index.js:49:43)\r\n    at transformColorValue (/Users/msc/Sites/msc.com/node_modules/postcss-color-function/index.js:20:16)\r\n    at Object.tryCatch [as try] (/Users/msc/Sites/msc.com/node_modules/postcss-message-helpers/index.js:53:12)\r\n    at transformDecl (/Users/msc/Sites/msc.com/node_modules/postcss-color-function/index.js:19:31)\r\n @ ./modules/www/ArchiveLink/ArchiveLink.css 4:14-216 13:2-17:4 14:20-222\r\n```"}}
{"actor":{"display_login":"ai"}}