{"action":"created","issue":{"url":"https://api.github.com/repos/isitedesign/Phoenix/issues/124","labels_url":"https://api.github.com/repos/isitedesign/Phoenix/issues/124/labels{/name}","comments_url":"https://api.github.com/repos/isitedesign/Phoenix/issues/124/comments","events_url":"https://api.github.com/repos/isitedesign/Phoenix/issues/124/events","html_url":"https://github.com/isitedesign/Phoenix/issues/124","id":59544402,"number":124,"title":"Radio Buttons and Checkboxes with SVGs","user":{"login":"ajmueller","id":1442179,"avatar_url":"https://avatars.githubusercontent.com/u/1442179?v=3","gravatar_id":"","url":"https://api.github.com/users/ajmueller","html_url":"https://github.com/ajmueller","followers_url":"https://api.github.com/users/ajmueller/followers","following_url":"https://api.github.com/users/ajmueller/following{/other_user}","gists_url":"https://api.github.com/users/ajmueller/gists{/gist_id}","starred_url":"https://api.github.com/users/ajmueller/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ajmueller/subscriptions","organizations_url":"https://api.github.com/users/ajmueller/orgs","repos_url":"https://api.github.com/users/ajmueller/repos","events_url":"https://api.github.com/users/ajmueller/events{/privacy}","received_events_url":"https://api.github.com/users/ajmueller/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/isitedesign/Phoenix/labels/enhancement","name":"enhancement","color":"84b6eb"},{"url":"https://api.github.com/repos/isitedesign/Phoenix/labels/question","name":"question","color":"cc317c"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-03-02T20:30:26Z","updated_at":"2015-03-10T15:44:35Z","closed_at":null,"body":"As an alternative to the current method of using an icon font for custom radio buttons and checkboxes, on a recent project we uses SVGs because they needed to have multiple colors.  The only downside to this method is that the SVGs won't automatically scale with the label's font-size.  On the upside, though, you can have multiple colors, reduce the icon font weight, and base64 encode the SVGs to be incorporated into the compiled CSS and not increase HTTP requests.  Thoughts?"},"comment":{"url":"https://api.github.com/repos/isitedesign/Phoenix/issues/comments/78081358","html_url":"https://github.com/isitedesign/Phoenix/issues/124#issuecomment-78081358","issue_url":"https://api.github.com/repos/isitedesign/Phoenix/issues/124","id":78081358,"user":{"login":"elseloop","id":1466832,"avatar_url":"https://avatars.githubusercontent.com/u/1466832?v=3","gravatar_id":"","url":"https://api.github.com/users/elseloop","html_url":"https://github.com/elseloop","followers_url":"https://api.github.com/users/elseloop/followers","following_url":"https://api.github.com/users/elseloop/following{/other_user}","gists_url":"https://api.github.com/users/elseloop/gists{/gist_id}","starred_url":"https://api.github.com/users/elseloop/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/elseloop/subscriptions","organizations_url":"https://api.github.com/users/elseloop/orgs","repos_url":"https://api.github.com/users/elseloop/repos","events_url":"https://api.github.com/users/elseloop/events{/privacy}","received_events_url":"https://api.github.com/users/elseloop/received_events","type":"User","site_admin":false},"created_at":"2015-03-10T15:44:35Z","updated_at":"2015-03-10T15:44:35Z","body":"Just came across this article about caching SVG sprites using localstorage. Thought it might fit in this conversation as well if we go further down the SVG path (PUN!) than just checkboxes and radio buttons:\r\n\r\nhttp://osvaldas.info/caching-svg-sprite-in-localstorage"}}