{"action":"created","issue":{"url":"https://api.github.com/repos/Polymer/polymer/issues/2709","repository_url":"https://api.github.com/repos/Polymer/polymer","labels_url":"https://api.github.com/repos/Polymer/polymer/issues/2709/labels{/name}","comments_url":"https://api.github.com/repos/Polymer/polymer/issues/2709/comments","events_url":"https://api.github.com/repos/Polymer/polymer/issues/2709/events","html_url":"https://github.com/Polymer/polymer/issues/2709","id":116070484,"number":2709,"title":"CSS variables with parenthesis","user":{"login":"felixzapata","id":997038,"avatar_url":"https://avatars.githubusercontent.com/u/997038?v=3","gravatar_id":"","url":"https://api.github.com/users/felixzapata","html_url":"https://github.com/felixzapata","followers_url":"https://api.github.com/users/felixzapata/followers","following_url":"https://api.github.com/users/felixzapata/following{/other_user}","gists_url":"https://api.github.com/users/felixzapata/gists{/gist_id}","starred_url":"https://api.github.com/users/felixzapata/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/felixzapata/subscriptions","organizations_url":"https://api.github.com/users/felixzapata/orgs","repos_url":"https://api.github.com/users/felixzapata/repos","events_url":"https://api.github.com/users/felixzapata/events{/privacy}","received_events_url":"https://api.github.com/users/felixzapata/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/Polymer/polymer/labels/bug","name":"bug","color":"fc2929"},{"url":"https://api.github.com/repos/Polymer/polymer/labels/css","name":"css","color":"fbca04"},{"url":"https://api.github.com/repos/Polymer/polymer/labels/p3","name":"p3","color":"cace85"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":5,"created_at":"2015-11-10T09:39:02Z","updated_at":"2016-03-21T15:54:19Z","closed_at":null,"body":"Hi, I think that with next example the shim about the css variables should not work:\r\n\r\n```\r\n<dom-module id=\"my-element\">\r\n  <style>\r\n    :host {\r\n      --main-color: {red};\r\n    }\r\n    span {\r\n      color: var(--main-color);\r\n    }\r\n  </style>\r\n  <template>\r\n    <span>I'm <b>my-element</b>. This is my Shadow DOM.</span>\r\n  </template>\r\n</dom-module>\r\n```\r\n\r\nI mean, according with the CSS specification about CSS variables, the parenthesis in this case are not valid. If you try this example without Polymer:\r\n\r\n```\r\n<style>\r\nbody {\r\n  --background:red;\r\n  background:var(--background);\r\n}\r\n</style>\r\n```\r\nwill show the body with a red background. But if you use the next:\r\n\r\n```\r\n<style>\r\nbody {\r\n  --background:{red};\r\n  background:var(--background);\r\n}\r\n</style>\r\n```\r\nthe background will be the default."},"comment":{"url":"https://api.github.com/repos/Polymer/polymer/issues/comments/199352554","html_url":"https://github.com/Polymer/polymer/issues/2709#issuecomment-199352554","issue_url":"https://api.github.com/repos/Polymer/polymer/issues/2709","id":199352554,"user":{"login":"samccone","id":883126,"avatar_url":"https://avatars.githubusercontent.com/u/883126?v=3","gravatar_id":"","url":"https://api.github.com/users/samccone","html_url":"https://github.com/samccone","followers_url":"https://api.github.com/users/samccone/followers","following_url":"https://api.github.com/users/samccone/following{/other_user}","gists_url":"https://api.github.com/users/samccone/gists{/gist_id}","starred_url":"https://api.github.com/users/samccone/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/samccone/subscriptions","organizations_url":"https://api.github.com/users/samccone/orgs","repos_url":"https://api.github.com/users/samccone/repos","events_url":"https://api.github.com/users/samccone/events{/privacy}","received_events_url":"https://api.github.com/users/samccone/received_events","type":"User","site_admin":false},"created_at":"2016-03-21T15:54:19Z","updated_at":"2016-03-21T15:54:19Z","body":"just a follow up here, any word on a potential fix? Over in PSK land we would like to move to gulp-clean-css but are currently blocked by this quirk of the shim."}}