{"action":"created","issue":{"url":"https://api.github.com/repos/Financial-Times/o-ft-icons/issues/90","labels_url":"https://api.github.com/repos/Financial-Times/o-ft-icons/issues/90/labels{/name}","comments_url":"https://api.github.com/repos/Financial-Times/o-ft-icons/issues/90/comments","events_url":"https://api.github.com/repos/Financial-Times/o-ft-icons/issues/90/events","html_url":"https://github.com/Financial-Times/o-ft-icons/issues/90","id":114027456,"number":90,"title":"Next generation implementation","user":{"login":"wheresrhys","id":447559,"avatar_url":"https://avatars.githubusercontent.com/u/447559?v=3","gravatar_id":"","url":"https://api.github.com/users/wheresrhys","html_url":"https://github.com/wheresrhys","followers_url":"https://api.github.com/users/wheresrhys/followers","following_url":"https://api.github.com/users/wheresrhys/following{/other_user}","gists_url":"https://api.github.com/users/wheresrhys/gists{/gist_id}","starred_url":"https://api.github.com/users/wheresrhys/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wheresrhys/subscriptions","organizations_url":"https://api.github.com/users/wheresrhys/orgs","repos_url":"https://api.github.com/users/wheresrhys/repos","events_url":"https://api.github.com/users/wheresrhys/events{/privacy}","received_events_url":"https://api.github.com/users/wheresrhys/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":19,"created_at":"2015-10-29T11:08:59Z","updated_at":"2015-12-02T15:10:51Z","closed_at":null,"body":"As discussed elsewhere, there's consensus that we should move away from an icon font. I thought I'd start this to document functionality that's available now, potential requirements and limitations for the next version and ideas for implementation\r\n\r\n### Current functionality\r\n\r\n- font can be specified using either sass or css class & build service\r\n- font can be coloured arbitrarily. This can be achieved when using build service to define the fonts and is trivial to do for e.g. :hover states\r\n- font is specified as a background image - it is not treated as content - and uses `<i class...>`, so no complex template needed, but no accessibility features such as alt text\r\n- Supported all the way back to IE7\r\n\r\n### Potential additional/modified requirements\r\n- **NO ICON FONT**\r\n- icon should be treated as content, i.e. not applied using css background image \r\n- icon can be coloured in the FT palette via the build service (potential to use arbitrary colours using sass/js)\r\n- Support back to ie8/9, with some accessible text fallback\r\n- Reasonably sized set of 'next' icons to replace the existing ones entirely (old ones still available in 'legacy' namespace)\r\n- use mixins not @extend\r\n- standardise icon sizes or have a convention for indicating non-squareness\r\n- icons with predefined, unalterable colours, supporting multiple colours\r\n\r\nPlease add comments on the requirements and implementation ideas below"},"comment":{"url":"https://api.github.com/repos/Financial-Times/o-ft-icons/issues/comments/161327536","html_url":"https://github.com/Financial-Times/o-ft-icons/issues/90#issuecomment-161327536","issue_url":"https://api.github.com/repos/Financial-Times/o-ft-icons/issues/90","id":161327536,"user":{"login":"wheresrhys","id":447559,"avatar_url":"https://avatars.githubusercontent.com/u/447559?v=3","gravatar_id":"","url":"https://api.github.com/users/wheresrhys","html_url":"https://github.com/wheresrhys","followers_url":"https://api.github.com/users/wheresrhys/followers","following_url":"https://api.github.com/users/wheresrhys/following{/other_user}","gists_url":"https://api.github.com/users/wheresrhys/gists{/gist_id}","starred_url":"https://api.github.com/users/wheresrhys/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wheresrhys/subscriptions","organizations_url":"https://api.github.com/users/wheresrhys/orgs","repos_url":"https://api.github.com/users/wheresrhys/repos","events_url":"https://api.github.com/users/wheresrhys/events{/privacy}","received_events_url":"https://api.github.com/users/wheresrhys/received_events","type":"User","site_admin":false},"created_at":"2015-12-02T15:10:51Z","updated_at":"2015-12-02T15:10:51Z","body":"Excellent work detective Hinchliffe.\r\n\r\nIs there anything to stop us doing something like constructing an image service url from a combination of an array of icon names and colour names, and the developer sets this using a mixin, or are your suggestions above for prebuilt sprite sheets included with the component?"}}