{"action":"closed","issue":{"url":"https://api.github.com/repos/ga-students/wdi-sg-organisers/issues/25","labels_url":"https://api.github.com/repos/ga-students/wdi-sg-organisers/issues/25/labels{/name}","comments_url":"https://api.github.com/repos/ga-students/wdi-sg-organisers/issues/25/comments","events_url":"https://api.github.com/repos/ga-students/wdi-sg-organisers/issues/25/events","html_url":"https://github.com/ga-students/wdi-sg-organisers/issues/25","id":126128197,"number":25,"title":"Checkbox toggle","user":{"login":"cbas","id":78718,"avatar_url":"https://avatars.githubusercontent.com/u/78718?v=3","gravatar_id":"","url":"https://api.github.com/users/cbas","html_url":"https://github.com/cbas","followers_url":"https://api.github.com/users/cbas/followers","following_url":"https://api.github.com/users/cbas/following{/other_user}","gists_url":"https://api.github.com/users/cbas/gists{/gist_id}","starred_url":"https://api.github.com/users/cbas/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cbas/subscriptions","organizations_url":"https://api.github.com/users/cbas/orgs","repos_url":"https://api.github.com/users/cbas/repos","events_url":"https://api.github.com/users/cbas/events{/privacy}","received_events_url":"https://api.github.com/users/cbas/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/ga-students/wdi-sg-organisers/labels/exercise","name":"exercise","color":"009800"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-01-12T08:51:31Z","updated_at":"2016-01-18T02:01:39Z","closed_at":"2016-01-18T02:01:39Z","body":"![Checkboxes](http://zippy.gfycat.com/BabyishNeedyDeviltasmanian.gif)\r\n\r\n# Tips\r\n- Use the non-standard `appearance: none;` to reset the native look & feel. Alternatively hide the element using `display: none;` or any other technique we've used before.\r\n- An `<input type='checkbox'>` is toggled when a containing `<label>` is pressed.\r\n- Use the `:checked` pseudo-class, optionally with `:not(:checked)` inversion.\r\n- Maybe look into `+` or `~` [sibling selectors](http://www.w3.org/TR/css3-selectors/#sibling-combinators).\r\n\r\n# Source\r\nNot a solution, just a UX mockup animation.\r\n\r\nhttp://gibbon.co/c/d5a67253-2672-4a97-82c3-d69ebcf99b1c/life-at-khan-academy"}}