{"action":"opened","issue":{"url":"https://api.github.com/repos/Polymer/polymer/issues/2483","labels_url":"https://api.github.com/repos/Polymer/polymer/issues/2483/labels{/name}","comments_url":"https://api.github.com/repos/Polymer/polymer/issues/2483/comments","events_url":"https://api.github.com/repos/Polymer/polymer/issues/2483/events","html_url":"https://github.com/Polymer/polymer/issues/2483","id":108433105,"number":2483,"title":"CSS parser: incorrectly handing polybuild output","user":{"login":"ebidel","id":238208,"avatar_url":"https://avatars.githubusercontent.com/u/238208?v=3","gravatar_id":"","url":"https://api.github.com/users/ebidel","html_url":"https://github.com/ebidel","followers_url":"https://api.github.com/users/ebidel/followers","following_url":"https://api.github.com/users/ebidel/following{/other_user}","gists_url":"https://api.github.com/users/ebidel/gists{/gist_id}","starred_url":"https://api.github.com/users/ebidel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ebidel/subscriptions","organizations_url":"https://api.github.com/users/ebidel/orgs","repos_url":"https://api.github.com/users/ebidel/repos","events_url":"https://api.github.com/users/ebidel/events{/privacy}","received_events_url":"https://api.github.com/users/ebidel/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-09-26T01:47:00Z","updated_at":"2015-09-26T01:47:00Z","closed_at":null,"body":"When Polybuild crushes element CSS and removes whitespace, custom property rules end up running into each other. Unfortunately, this causes our parser's regexing to start ignore rules. The issue can be seen when you have two `--var` in a row (one won't do it).\r\n\r\n    top: 400px;--paper-fab-background: var(--paper-green-500);--paper-fab-keyboard-focus-background: var(--paper-green-700);\r\n\r\nputting as space in between properties works:\r\n\r\n    top: 400px; --paper-fab-background: var(--paper-green-500); --paper-fab-keyboard-focus-background: var(--paper-green-700);\r\n\r\nhttp://jsbin.com/wayoholaxi/edit?html,output\r\n\r\n```\r\n<style is=\"custom-style\">\r\n  paper-fab {\r\n    position: absolute;\r\n    top: 400px;--paper-fab-background: var(--paper-green-500);--paper-fab-keyboard-focus-background: var(--paper-green-700);\r\n  }\r\n</style>\r\n\r\n<paper-fab icon=\"add\"></paper-fab>\r\n\r\ncc @azakus "}}