{"action":"created","issue":{"url":"https://api.github.com/repos/SCPR/scpr-style-guide/issues/63","repository_url":"https://api.github.com/repos/SCPR/scpr-style-guide","labels_url":"https://api.github.com/repos/SCPR/scpr-style-guide/issues/63/labels{/name}","comments_url":"https://api.github.com/repos/SCPR/scpr-style-guide/issues/63/comments","events_url":"https://api.github.com/repos/SCPR/scpr-style-guide/issues/63/events","html_url":"https://github.com/SCPR/scpr-style-guide/issues/63","id":183452105,"number":63,"title":"Implement icons as CSS classes","user":{"login":"Ravenstine","id":5193330,"avatar_url":"https://avatars.githubusercontent.com/u/5193330?v=3","gravatar_id":"","url":"https://api.github.com/users/Ravenstine","html_url":"https://github.com/Ravenstine","followers_url":"https://api.github.com/users/Ravenstine/followers","following_url":"https://api.github.com/users/Ravenstine/following{/other_user}","gists_url":"https://api.github.com/users/Ravenstine/gists{/gist_id}","starred_url":"https://api.github.com/users/Ravenstine/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Ravenstine/subscriptions","organizations_url":"https://api.github.com/users/Ravenstine/orgs","repos_url":"https://api.github.com/users/Ravenstine/repos","events_url":"https://api.github.com/users/Ravenstine/events{/privacy}","received_events_url":"https://api.github.com/users/Ravenstine/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":{"login":"Ravenstine","id":5193330,"avatar_url":"https://avatars.githubusercontent.com/u/5193330?v=3","gravatar_id":"","url":"https://api.github.com/users/Ravenstine","html_url":"https://github.com/Ravenstine","followers_url":"https://api.github.com/users/Ravenstine/followers","following_url":"https://api.github.com/users/Ravenstine/following{/other_user}","gists_url":"https://api.github.com/users/Ravenstine/gists{/gist_id}","starred_url":"https://api.github.com/users/Ravenstine/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Ravenstine/subscriptions","organizations_url":"https://api.github.com/users/Ravenstine/orgs","repos_url":"https://api.github.com/users/Ravenstine/repos","events_url":"https://api.github.com/users/Ravenstine/events{/privacy}","received_events_url":"https://api.github.com/users/Ravenstine/received_events","type":"User","site_admin":false},"assignees":[{"login":"Ravenstine","id":5193330,"avatar_url":"https://avatars.githubusercontent.com/u/5193330?v=3","gravatar_id":"","url":"https://api.github.com/users/Ravenstine","html_url":"https://github.com/Ravenstine","followers_url":"https://api.github.com/users/Ravenstine/followers","following_url":"https://api.github.com/users/Ravenstine/following{/other_user}","gists_url":"https://api.github.com/users/Ravenstine/gists{/gist_id}","starred_url":"https://api.github.com/users/Ravenstine/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Ravenstine/subscriptions","organizations_url":"https://api.github.com/users/Ravenstine/orgs","repos_url":"https://api.github.com/users/Ravenstine/repos","events_url":"https://api.github.com/users/Ravenstine/events{/privacy}","received_events_url":"https://api.github.com/users/Ravenstine/received_events","type":"User","site_admin":false}],"milestone":null,"comments":0,"created_at":"2016-10-17T15:41:34Z","updated_at":"2016-10-25T17:57:43Z","closed_at":null,"body":"Right now, what's preventing us from referencing sprite icons as URL values in CSS is that symbols are not supported in this way.  But moving the SVG paths outside of symbol tags like here:\r\n\r\nhttps://css-tricks.com/svg-fragment-identifiers-work/\r\n\r\n... would allow us to use icons more easily while using less markup."},"comment":{"url":"https://api.github.com/repos/SCPR/scpr-style-guide/issues/comments/256111146","html_url":"https://github.com/SCPR/scpr-style-guide/issues/63#issuecomment-256111146","issue_url":"https://api.github.com/repos/SCPR/scpr-style-guide/issues/63","id":256111146,"user":{"login":"Ravenstine","id":5193330,"avatar_url":"https://avatars.githubusercontent.com/u/5193330?v=3","gravatar_id":"","url":"https://api.github.com/users/Ravenstine","html_url":"https://github.com/Ravenstine","followers_url":"https://api.github.com/users/Ravenstine/followers","following_url":"https://api.github.com/users/Ravenstine/following{/other_user}","gists_url":"https://api.github.com/users/Ravenstine/gists{/gist_id}","starred_url":"https://api.github.com/users/Ravenstine/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Ravenstine/subscriptions","organizations_url":"https://api.github.com/users/Ravenstine/orgs","repos_url":"https://api.github.com/users/Ravenstine/repos","events_url":"https://api.github.com/users/Ravenstine/events{/privacy}","received_events_url":"https://api.github.com/users/Ravenstine/received_events","type":"User","site_admin":false},"created_at":"2016-10-25T17:57:43Z","updated_at":"2016-10-25T17:57:43Z","body":"I'm moving this down in priority since the current cross-compatibility for our SVG icons is solved by a polyfill."}}
{"actor":{"display_login":"Ravenstine"}}