{"action":"created","issue":{"url":"https://api.github.com/repos/madebysource/lesshat/issues/164","labels_url":"https://api.github.com/repos/madebysource/lesshat/issues/164/labels{/name}","comments_url":"https://api.github.com/repos/madebysource/lesshat/issues/164/comments","events_url":"https://api.github.com/repos/madebysource/lesshat/issues/164/events","html_url":"https://github.com/madebysource/lesshat/issues/164","id":109273299,"number":164,"title":"Incorrect keyframes syntax breaks Safari9's CSS parser","user":{"login":"Reinmar","id":156149,"avatar_url":"https://avatars.githubusercontent.com/u/156149?v=3","gravatar_id":"","url":"https://api.github.com/users/Reinmar","html_url":"https://github.com/Reinmar","followers_url":"https://api.github.com/users/Reinmar/followers","following_url":"https://api.github.com/users/Reinmar/following{/other_user}","gists_url":"https://api.github.com/users/Reinmar/gists{/gist_id}","starred_url":"https://api.github.com/users/Reinmar/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Reinmar/subscriptions","organizations_url":"https://api.github.com/users/Reinmar/orgs","repos_url":"https://api.github.com/users/Reinmar/repos","events_url":"https://api.github.com/users/Reinmar/events{/privacy}","received_events_url":"https://api.github.com/users/Reinmar/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":6,"created_at":"2015-10-01T10:33:33Z","updated_at":"2015-11-02T13:44:41Z","closed_at":null,"body":"There's a problem in Safari 9 now, that CSS generated by LESS+LESSHat breaks the entire parser if the `keyframes()` function was used.\r\n\r\nThis is the rule that causes this issue:\r\n\r\n```\r\n.content h1:target lesshat-selector {\r\n  -lh-property: 0; } \r\n@-webkit-keyframes targetLinkOpacity{ 0%{ opacity: 0 } 100%{ opacity: 1 }}\r\n@-moz-keyframes targetLinkOpacity{ 0%{ opacity: 0 } 100%{ opacity: 1 }}\r\n@-o-keyframes targetLinkOpacity{ 0%{ opacity: 0 } 100%{ opacity: 1 }}\r\n@keyframes targetLinkOpacity{ 0%{ opacity: 0 } 100%{ opacity: 1 };\r\n}\r\n```\r\n\r\nIt's generated from: \r\n\r\n```\r\n...\r\n&:target {\r\n\t.keyframes( ~'targetLinkOpacity, 0%{ opacity: 0 } 100%{ opacity: 1 }' );\r\n}\r\n```\r\n\r\nThe problem is in the semicolon at the end of the last keyframe. After manually removing it everything is working fine.\r\n\r\nThis is a critical issue because Safari totally gives up on parsing once it encounters a syntax issue. I guess that this issue is related to #93. That semicolon seems to terminate the `-lh-property: 0...` value that LESS Hat uses to workaround the inability to generate keyframes in LESS."},"comment":{"url":"https://api.github.com/repos/madebysource/lesshat/issues/comments/153020540","html_url":"https://github.com/madebysource/lesshat/issues/164#issuecomment-153020540","issue_url":"https://api.github.com/repos/madebysource/lesshat/issues/164","id":153020540,"user":{"login":"lpcustom","id":845705,"avatar_url":"https://avatars.githubusercontent.com/u/845705?v=3","gravatar_id":"","url":"https://api.github.com/users/lpcustom","html_url":"https://github.com/lpcustom","followers_url":"https://api.github.com/users/lpcustom/followers","following_url":"https://api.github.com/users/lpcustom/following{/other_user}","gists_url":"https://api.github.com/users/lpcustom/gists{/gist_id}","starred_url":"https://api.github.com/users/lpcustom/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lpcustom/subscriptions","organizations_url":"https://api.github.com/users/lpcustom/orgs","repos_url":"https://api.github.com/users/lpcustom/repos","events_url":"https://api.github.com/users/lpcustom/events{/privacy}","received_events_url":"https://api.github.com/users/lpcustom/received_events","type":"User","site_admin":false},"created_at":"2015-11-02T13:44:41Z","updated_at":"2015-11-02T13:44:41Z","body":"+1"}}