{"action":"created","comment":{"url":"https://api.github.com/repos/Automattic/wp-calypso/pulls/comments/49378544","id":49378544,"diff_hunk":"@@ -0,0 +1,52 @@\n+.checkbox {\n+\tcursor: pointer;\n+\tdisplay: block;\n+\tfont-size: 14px;\n+\tmargin-bottom: 5px;\n+\tposition: relative;\n+\tuser-select: none;\n+}\n+\n+.checkbox input[type=\"checkbox\"] {\n+\t@include hide-content-accessibly;\n+\tborder: 0;\n+\tmargin: -1px;\n+\tpadding: 0;\n+}\n+\n+.checkbox .gridicon {\n+\tfill: $blue-medium;\n+\tleft: 10px; // half width of box plus 1px of border\n+\tposition: absolute;\n+\ttop: 50%;\n+\ttransform: translate(-50%, -50%);\n+\tz-index: 1;\n+}\n+\n+.checkbox:after {\n+\tbackground-color: $white;\n+\tborder-radius: 1px;\n+\tborder: 1px solid #c8d7e1;\n+\tcontent: '';\n+\tdisplay: block;\n+\theight: 18px;\n+\tleft: 0;\n+\tposition: absolute;\n+\ttop: 50%;\n+\ttransform: translateY(-50%);\n+\twidth: 18px;\n+}\n+\n+.checkbox:not(.is-disabled):hover:after {\n+\tborder-color: #a8bece;","path":"client/components/checkbox/style.scss","position":41,"original_position":41,"commit_id":"14c055a5cf7257fdcf7b2d4eb53575dc9da7c116","original_commit_id":"66aa4557e77b932e48bbd0b14ec485407ad1189e","user":{"login":"nobuti","id":1366843,"avatar_url":"https://avatars.githubusercontent.com/u/1366843?v=3","gravatar_id":"","url":"https://api.github.com/users/nobuti","html_url":"https://github.com/nobuti","followers_url":"https://api.github.com/users/nobuti/followers","following_url":"https://api.github.com/users/nobuti/following{/other_user}","gists_url":"https://api.github.com/users/nobuti/gists{/gist_id}","starred_url":"https://api.github.com/users/nobuti/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nobuti/subscriptions","organizations_url":"https://api.github.com/users/nobuti/orgs","repos_url":"https://api.github.com/users/nobuti/repos","events_url":"https://api.github.com/users/nobuti/events{/privacy}","received_events_url":"https://api.github.com/users/nobuti/received_events","type":"User","site_admin":false},"body":":+1: ","created_at":"2016-01-11T21:06:36Z","updated_at":"2016-01-11T21:06:36Z","html_url":"https://github.com/Automattic/wp-calypso/pull/2008#discussion_r49378544","pull_request_url":"https://api.github.com/repos/Automattic/wp-calypso/pulls/2008","_links":{"self":{"href":"https://api.github.com/repos/Automattic/wp-calypso/pulls/comments/49378544"},"html":{"href":"https://github.com/Automattic/wp-calypso/pull/2008#discussion_r49378544"},"pull_request":{"href":"https://api.github.com/repos/Automattic/wp-calypso/pulls/2008"}}},"pull_request":{"url":"https://api.github.com/repos/Automattic/wp-calypso/pulls/2008","id":54716092,"html_url":"https://github.com/Automattic/wp-calypso/pull/2008","diff_url":"https://github.com/Automattic/wp-calypso/pull/2008.diff","patch_url":"https://github.com/Automattic/wp-calypso/pull/2008.patch","issue_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/2008","number":2008,"state":"open","locked":false,"title":"Add new Checkbox component","user":{"login":"nobuti","id":1366843,"avatar_url":"https://avatars.githubusercontent.com/u/1366843?v=3","gravatar_id":"","url":"https://api.github.com/users/nobuti","html_url":"https://github.com/nobuti","followers_url":"https://api.github.com/users/nobuti/followers","following_url":"https://api.github.com/users/nobuti/following{/other_user}","gists_url":"https://api.github.com/users/nobuti/gists{/gist_id}","starred_url":"https://api.github.com/users/nobuti/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nobuti/subscriptions","organizations_url":"https://api.github.com/users/nobuti/orgs","repos_url":"https://api.github.com/users/nobuti/repos","events_url":"https://api.github.com/users/nobuti/events{/privacy}","received_events_url":"https://api.github.com/users/nobuti/received_events","type":"User","site_admin":false},"body":"This PR fixes #1430.\r\n\r\nThis is the base for a checkbox component. I've mimicked the default checkbox component, all the look and feel but the check mark, the gridicon is included here. The default size is 18, 12 is too small IMO. Besides the design part, I've created it as a new component under the `client/components` folder but I didn't clean up the old form control component as the issue description's mentioned. I wanted to assure the component is right before to get deeper.\r\n","created_at":"2015-12-29T10:21:59Z","updated_at":"2016-01-11T21:06:36Z","closed_at":null,"merged_at":null,"merge_commit_sha":"cda8cdf107bc29b59fde827d86d8d7d055c07d27","assignee":null,"milestone":null,"commits_url":"https://api.github.com/repos/Automattic/wp-calypso/pulls/2008/commits","review_comments_url":"https://api.github.com/repos/Automattic/wp-calypso/pulls/2008/comments","review_comment_url":"https://api.github.com/repos/Automattic/wp-calypso/pulls/comments{/number}","comments_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/2008/comments","statuses_url":"https://api.github.com/repos/Automattic/wp-calypso/statuses/14c055a5cf7257fdcf7b2d4eb53575dc9da7c116","head":{"label":"nobuti:add/1430-checkbox","ref":"add/1430-checkbox","sha":"14c055a5cf7257fdcf7b2d4eb53575dc9da7c116","user":{"login":"nobuti","id":1366843,"avatar_url":"https://avatars.githubusercontent.com/u/1366843?v=3","gravatar_id":"","url":"https://api.github.com/users/nobuti","html_url":"https://github.com/nobuti","followers_url":"https://api.github.com/users/nobuti/followers","following_url":"https://api.github.com/users/nobuti/following{/other_user}","gists_url":"https://api.github.com/users/nobuti/gists{/gist_id}","starred_url":"https://api.github.com/users/nobuti/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nobuti/subscriptions","organizations_url":"https://api.github.com/users/nobuti/orgs","repos_url":"https://api.github.com/users/nobuti/repos","events_url":"https://api.github.com/users/nobuti/events{/privacy}","received_events_url":"https://api.github.com/users/nobuti/received_events","type":"User","site_admin":false},"repo":{"id":47687865,"name":"wp-calypso","full_name":"nobuti/wp-calypso","owner":{"login":"nobuti","id":1366843,"avatar_url":"https://avatars.githubusercontent.com/u/1366843?v=3","gravatar_id":"","url":"https://api.github.com/users/nobuti","html_url":"https://github.com/nobuti","followers_url":"https://api.github.com/users/nobuti/followers","following_url":"https://api.github.com/users/nobuti/following{/other_user}","gists_url":"https://api.github.com/users/nobuti/gists{/gist_id}","starred_url":"https://api.github.com/users/nobuti/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nobuti/subscriptions","organizations_url":"https://api.github.com/users/nobuti/orgs","repos_url":"https://api.github.com/users/nobuti/repos","events_url":"https://api.github.com/users/nobuti/events{/privacy}","received_events_url":"https://api.github.com/users/nobuti/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/nobuti/wp-calypso","description":"The new JavaScript- and API-powered WordPress.com","fork":true,"url":"https://api.github.com/repos/nobuti/wp-calypso","forks_url":"https://api.github.com/repos/nobuti/wp-calypso/forks","keys_url":"https://api.github.com/repos/nobuti/wp-calypso/keys{/key_id}","collaborators_url":"https://api.github.com/repos/nobuti/wp-calypso/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/nobuti/wp-calypso/teams","hooks_url":"https://api.github.com/repos/nobuti/wp-calypso/hooks","issue_events_url":"https://api.github.com/repos/nobuti/wp-calypso/issues/events{/number}","events_url":"https://api.github.com/repos/nobuti/wp-calypso/events","assignees_url":"https://api.github.com/repos/nobuti/wp-calypso/assignees{/user}","branches_url":"https://api.github.com/repos/nobuti/wp-calypso/branches{/branch}","tags_url":"https://api.github.com/repos/nobuti/wp-calypso/tags","blobs_url":"https://api.github.com/repos/nobuti/wp-calypso/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/nobuti/wp-calypso/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/nobuti/wp-calypso/git/refs{/sha}","trees_url":"https://api.github.com/repos/nobuti/wp-calypso/git/trees{/sha}","statuses_url":"https://api.github.com/repos/nobuti/wp-calypso/statuses/{sha}","languages_url":"https://api.github.com/repos/nobuti/wp-calypso/languages","stargazers_url":"https://api.github.com/repos/nobuti/wp-calypso/stargazers","contributors_url":"https://api.github.com/repos/nobuti/wp-calypso/contributors","subscribers_url":"https://api.github.com/repos/nobuti/wp-calypso/subscribers","subscription_url":"https://api.github.com/repos/nobuti/wp-calypso/subscription","commits_url":"https://api.github.com/repos/nobuti/wp-calypso/commits{/sha}","git_commits_url":"https://api.github.com/repos/nobuti/wp-calypso/git/commits{/sha}","comments_url":"https://api.github.com/repos/nobuti/wp-calypso/comments{/number}","issue_comment_url":"https://api.github.com/repos/nobuti/wp-calypso/issues/comments{/number}","contents_url":"https://api.github.com/repos/nobuti/wp-calypso/contents/{+path}","compare_url":"https://api.github.com/repos/nobuti/wp-calypso/compare/{base}...{head}","merges_url":"https://api.github.com/repos/nobuti/wp-calypso/merges","archive_url":"https://api.github.com/repos/nobuti/wp-calypso/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/nobuti/wp-calypso/downloads","issues_url":"https://api.github.com/repos/nobuti/wp-calypso/issues{/number}","pulls_url":"https://api.github.com/repos/nobuti/wp-calypso/pulls{/number}","milestones_url":"https://api.github.com/repos/nobuti/wp-calypso/milestones{/number}","notifications_url":"https://api.github.com/repos/nobuti/wp-calypso/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/nobuti/wp-calypso/labels{/name}","releases_url":"https://api.github.com/repos/nobuti/wp-calypso/releases{/id}","created_at":"2015-12-09T11:42:16Z","updated_at":"2015-12-09T11:42:20Z","pushed_at":"2016-01-11T18:29:18Z","git_url":"git://github.com/nobuti/wp-calypso.git","ssh_url":"git@github.com:nobuti/wp-calypso.git","clone_url":"https://github.com/nobuti/wp-calypso.git","svn_url":"https://github.com/nobuti/wp-calypso","homepage":"https://developer.wordpress.com/calypso/","size":7587,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":false,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":0,"forks":0,"open_issues":0,"watchers":0,"default_branch":"master"}},"base":{"label":"Automattic:master","ref":"master","sha":"018ca87b00ca2a3836e70157b1de42ee415ecb32","user":{"login":"Automattic","id":887802,"avatar_url":"https://avatars.githubusercontent.com/u/887802?v=3","gravatar_id":"","url":"https://api.github.com/users/Automattic","html_url":"https://github.com/Automattic","followers_url":"https://api.github.com/users/Automattic/followers","following_url":"https://api.github.com/users/Automattic/following{/other_user}","gists_url":"https://api.github.com/users/Automattic/gists{/gist_id}","starred_url":"https://api.github.com/users/Automattic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Automattic/subscriptions","organizations_url":"https://api.github.com/users/Automattic/orgs","repos_url":"https://api.github.com/users/Automattic/repos","events_url":"https://api.github.com/users/Automattic/events{/privacy}","received_events_url":"https://api.github.com/users/Automattic/received_events","type":"Organization","site_admin":false},"repo":{"id":45936895,"name":"wp-calypso","full_name":"Automattic/wp-calypso","owner":{"login":"Automattic","id":887802,"avatar_url":"https://avatars.githubusercontent.com/u/887802?v=3","gravatar_id":"","url":"https://api.github.com/users/Automattic","html_url":"https://github.com/Automattic","followers_url":"https://api.github.com/users/Automattic/followers","following_url":"https://api.github.com/users/Automattic/following{/other_user}","gists_url":"https://api.github.com/users/Automattic/gists{/gist_id}","starred_url":"https://api.github.com/users/Automattic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Automattic/subscriptions","organizations_url":"https://api.github.com/users/Automattic/orgs","repos_url":"https://api.github.com/users/Automattic/repos","events_url":"https://api.github.com/users/Automattic/events{/privacy}","received_events_url":"https://api.github.com/users/Automattic/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/Automattic/wp-calypso","description":"The new JavaScript- and API-powered WordPress.com","fork":false,"url":"https://api.github.com/repos/Automattic/wp-calypso","forks_url":"https://api.github.com/repos/Automattic/wp-calypso/forks","keys_url":"https://api.github.com/repos/Automattic/wp-calypso/keys{/key_id}","collaborators_url":"https://api.github.com/repos/Automattic/wp-calypso/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/Automattic/wp-calypso/teams","hooks_url":"https://api.github.com/repos/Automattic/wp-calypso/hooks","issue_events_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/events{/number}","events_url":"https://api.github.com/repos/Automattic/wp-calypso/events","assignees_url":"https://api.github.com/repos/Automattic/wp-calypso/assignees{/user}","branches_url":"https://api.github.com/repos/Automattic/wp-calypso/branches{/branch}","tags_url":"https://api.github.com/repos/Automattic/wp-calypso/tags","blobs_url":"https://api.github.com/repos/Automattic/wp-calypso/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/Automattic/wp-calypso/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/Automattic/wp-calypso/git/refs{/sha}","trees_url":"https://api.github.com/repos/Automattic/wp-calypso/git/trees{/sha}","statuses_url":"https://api.github.com/repos/Automattic/wp-calypso/statuses/{sha}","languages_url":"https://api.github.com/repos/Automattic/wp-calypso/languages","stargazers_url":"https://api.github.com/repos/Automattic/wp-calypso/stargazers","contributors_url":"https://api.github.com/repos/Automattic/wp-calypso/contributors","subscribers_url":"https://api.github.com/repos/Automattic/wp-calypso/subscribers","subscription_url":"https://api.github.com/repos/Automattic/wp-calypso/subscription","commits_url":"https://api.github.com/repos/Automattic/wp-calypso/commits{/sha}","git_commits_url":"https://api.github.com/repos/Automattic/wp-calypso/git/commits{/sha}","comments_url":"https://api.github.com/repos/Automattic/wp-calypso/comments{/number}","issue_comment_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/comments{/number}","contents_url":"https://api.github.com/repos/Automattic/wp-calypso/contents/{+path}","compare_url":"https://api.github.com/repos/Automattic/wp-calypso/compare/{base}...{head}","merges_url":"https://api.github.com/repos/Automattic/wp-calypso/merges","archive_url":"https://api.github.com/repos/Automattic/wp-calypso/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/Automattic/wp-calypso/downloads","issues_url":"https://api.github.com/repos/Automattic/wp-calypso/issues{/number}","pulls_url":"https://api.github.com/repos/Automattic/wp-calypso/pulls{/number}","milestones_url":"https://api.github.com/repos/Automattic/wp-calypso/milestones{/number}","notifications_url":"https://api.github.com/repos/Automattic/wp-calypso/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/Automattic/wp-calypso/labels{/name}","releases_url":"https://api.github.com/repos/Automattic/wp-calypso/releases{/id}","created_at":"2015-11-10T20:00:16Z","updated_at":"2016-01-11T20:51:36Z","pushed_at":"2016-01-11T21:01:38Z","git_url":"git://github.com/Automattic/wp-calypso.git","ssh_url":"git@github.com:Automattic/wp-calypso.git","clone_url":"https://github.com/Automattic/wp-calypso.git","svn_url":"https://github.com/Automattic/wp-calypso","homepage":"https://developer.wordpress.com/calypso/","size":14124,"stargazers_count":6549,"watchers_count":6549,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":716,"mirror_url":null,"open_issues_count":1069,"forks":716,"open_issues":1069,"watchers":6549,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/Automattic/wp-calypso/pulls/2008"},"html":{"href":"https://github.com/Automattic/wp-calypso/pull/2008"},"issue":{"href":"https://api.github.com/repos/Automattic/wp-calypso/issues/2008"},"comments":{"href":"https://api.github.com/repos/Automattic/wp-calypso/issues/2008/comments"},"review_comments":{"href":"https://api.github.com/repos/Automattic/wp-calypso/pulls/2008/comments"},"review_comment":{"href":"https://api.github.com/repos/Automattic/wp-calypso/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/Automattic/wp-calypso/pulls/2008/commits"},"statuses":{"href":"https://api.github.com/repos/Automattic/wp-calypso/statuses/14c055a5cf7257fdcf7b2d4eb53575dc9da7c116"}}}}