{"action":"created","issue":{"url":"https://api.github.com/repos/TryKickoff/kickoff/issues/124","repository_url":"https://api.github.com/repos/TryKickoff/kickoff","labels_url":"https://api.github.com/repos/TryKickoff/kickoff/issues/124/labels{/name}","comments_url":"https://api.github.com/repos/TryKickoff/kickoff/issues/124/comments","events_url":"https://api.github.com/repos/TryKickoff/kickoff/issues/124/events","html_url":"https://github.com/TryKickoff/kickoff/issues/124","id":171872921,"number":124,"title":"Kickoff 8 checklist","user":{"login":"mrmartineau","id":64883,"avatar_url":"https://avatars.githubusercontent.com/u/64883?v=3","gravatar_id":"","url":"https://api.github.com/users/mrmartineau","html_url":"https://github.com/mrmartineau","followers_url":"https://api.github.com/users/mrmartineau/followers","following_url":"https://api.github.com/users/mrmartineau/following{/other_user}","gists_url":"https://api.github.com/users/mrmartineau/gists{/gist_id}","starred_url":"https://api.github.com/users/mrmartineau/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mrmartineau/subscriptions","organizations_url":"https://api.github.com/users/mrmartineau/orgs","repos_url":"https://api.github.com/users/mrmartineau/repos","events_url":"https://api.github.com/users/mrmartineau/events{/privacy}","received_events_url":"https://api.github.com/users/mrmartineau/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/TryKickoff/kickoff/labels/feature","name":"feature","color":"009800"},{"url":"https://api.github.com/repos/TryKickoff/kickoff/labels/next%20version","name":"next version","color":"207de5"}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":{"url":"https://api.github.com/repos/TryKickoff/kickoff/milestones/6","html_url":"https://github.com/TryKickoff/kickoff/milestones/v8.0.0","labels_url":"https://api.github.com/repos/TryKickoff/kickoff/milestones/6/labels","id":1949228,"number":6,"title":"v8.0.0","description":null,"creator":{"login":"mrmartineau","id":64883,"avatar_url":"https://avatars.githubusercontent.com/u/64883?v=3","gravatar_id":"","url":"https://api.github.com/users/mrmartineau","html_url":"https://github.com/mrmartineau","followers_url":"https://api.github.com/users/mrmartineau/followers","following_url":"https://api.github.com/users/mrmartineau/following{/other_user}","gists_url":"https://api.github.com/users/mrmartineau/gists{/gist_id}","starred_url":"https://api.github.com/users/mrmartineau/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mrmartineau/subscriptions","organizations_url":"https://api.github.com/users/mrmartineau/orgs","repos_url":"https://api.github.com/users/mrmartineau/repos","events_url":"https://api.github.com/users/mrmartineau/events{/privacy}","received_events_url":"https://api.github.com/users/mrmartineau/received_events","type":"User","site_admin":false},"open_issues":1,"closed_issues":0,"state":"open","created_at":"2016-08-18T10:48:43Z","updated_at":"2016-08-18T10:50:08Z","due_on":null,"closed_at":null},"comments":1,"created_at":"2016-08-18T10:50:07Z","updated_at":"2016-08-18T14:29:38Z","closed_at":null,"body":"Kickoff 8 will introduce some fairly fundamental changes to the project without changing how developers use it. \r\n\r\n## gulp\r\nWe are working on [switching the build tools to gulp](https://github.com/TryKickoff/kickoff/issues/73) (with the potential addition of webpack for javascript compilation). This new tooling affords quite a few other benefits, not least are how we compile our sass. I have created a repo [postcss-playground](https://github.com/mrmartineau/postcss-playground) to demo this. \r\n\r\nWe currently have a directory named `_grunt-configs`, I propose that we change it to a non-specific name like `_build-configs` so that we are not restricted by the tools we use. Potentially a `.build-configs` folder would be nice because it is hidden (on a mac) and treated more like dotfiles/configs on some systems. \r\n\r\n## Modularise sass components\r\nWith this new tooling we are able to `@import` sass modules from an npm 🎉  This means we can finally move our grid, forms and probably most of the components into their own repo and maintain them independently. The added benefit of this is that it allows other devs to consume these packages without having to consume all of Kickoff..\r\n\r\n## SVGs\r\nWe used to use Grunticon but removed it recently. Now its time for a better solution to resolution independant graphics. I would like to be able to have a folder full of individual SVGs, have a build tool convert them into a SVG sprite/map and then consume them as an external on the page using the `use` syntax. Browser support is obviously going to be an issue so something like [svg4everybody](https://github.com/jonathantneal/svg4everybody) to shim browsers with poor support (thanks @nicbell).\r\n\r\n## React\r\nThe work on [kickoff-react]() will be independent of this update but it is worth noting here as something we are developing at the moment.\r\n\r\n## Checklist\r\n\r\n* [ ] Move to gulp #73 \r\n* [ ] Move some sass modules & components into external repos, for starters:\r\n * [ ] Grid\r\n * [ ] [Forms](https://github.com/TryKickoff/forms)\r\n * [ ] Buttons\r\n * [ ] Fluid video\r\n * [ ] Lists\r\n * [ ] Scrollbars\r\n * [ ] Tables\r\n * [ ] Code\r\n * [ ] Mixins\r\n * [ ] Reset\r\n * [ ] ..and more I'm sure\r\n* [ ] SVG toolchain\r\n\r\nHave I missed anything?"},"comment":{"url":"https://api.github.com/repos/TryKickoff/kickoff/issues/comments/240740695","html_url":"https://github.com/TryKickoff/kickoff/issues/124#issuecomment-240740695","issue_url":"https://api.github.com/repos/TryKickoff/kickoff/issues/124","id":240740695,"user":{"login":"mrmartineau","id":64883,"avatar_url":"https://avatars.githubusercontent.com/u/64883?v=3","gravatar_id":"","url":"https://api.github.com/users/mrmartineau","html_url":"https://github.com/mrmartineau","followers_url":"https://api.github.com/users/mrmartineau/followers","following_url":"https://api.github.com/users/mrmartineau/following{/other_user}","gists_url":"https://api.github.com/users/mrmartineau/gists{/gist_id}","starred_url":"https://api.github.com/users/mrmartineau/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mrmartineau/subscriptions","organizations_url":"https://api.github.com/users/mrmartineau/orgs","repos_url":"https://api.github.com/users/mrmartineau/repos","events_url":"https://api.github.com/users/mrmartineau/events{/privacy}","received_events_url":"https://api.github.com/users/mrmartineau/received_events","type":"User","site_admin":false},"created_at":"2016-08-18T14:29:38Z","updated_at":"2016-08-18T14:29:38Z","body":"Yes, `npm-sass` does the magic there but I am worried that importing many modules with it may reduce performance and slow build times, so we'd have to keep an eye on that. Currently my postcss-playground repo has 5 files and one imported from npm and takes <2s to complete.. "}}
{"actor":{"display_login":"mrmartineau"}}