{"action":"created","comment":{"url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/pulls/comments/47885368","id":47885368,"diff_hunk":"@@ -7,50 +7,118 @@ category: Components\n Component to display numbers\n \n ```html_example\n-<div class=\"scoreboard\">\n-  <div class=\"scoreboard-box\">\n-    <div class=\"scoreboard-box-number\">124</div>\n-    <div class=\"scoreboard-box-label\">Sent</div>\n-  </div>\n-  <div class=\"scoreboard-box\">\n-    <div class=\"scoreboard-box-number\">109</div>\n-    <div class=\"scoreboard-box-label\">Delivered</div>\n+<h1>Grid</h1>\n+\n+<div class=\"container\">\n+  <h2>Followers</h2>\n+  <p>Insights from your followers on Twitter</p>\n+  <div class=\"scoreboard scoreboard-x2 row\">\n+    <div class=\"scoreboard-box col-xs-12 col-sm-6 col-md-6\">\n+      <div class=\"scoreboard-box-number\">124</div>\n+      <div class=\"scoreboard-box-label\">Sent</div>\n+      <div class=\"scoreboard-box-hint\">This is all your sent emails</div>\n+    </div>\n+    <div class=\"scoreboard-box col-xs-12 col-sm-6 col-md-6\">\n+      <div class=\"scoreboard-box-number\">109</div>\n+      <div class=\"scoreboard-box-label\">Delivered</div>\n+      <div class=\"scoreboard-box-hint\">This is all your delivered emails</div>\n+    </div>\n   </div>\n-  <div class=\"scoreboard-box\">\n-    <div class=\"scoreboard-box-number\">49</div>\n-    <div class=\"scoreboard-box-label\">Reached</div>\n+\n+  <h2>Your story</h2>\n+  <p>The main insights on your story</p>\n+  <div class=\"scoreboard scoreboard-x3 row\">\n+    <div class=\"scoreboard-box col-xs-12 col-sm-6 col-md-4\">\n+      <div class=\"scoreboard-box-number\">124002</div>\n+      <div class=\"scoreboard-box-label\">Sent</div>\n+      <div class=\"scoreboard-box-hint\">This is all your sent emails</div>\n+    </div>\n+    <div class=\"scoreboard-box col-xs-12 col-sm-6 col-md-4\">\n+      <div class=\"scoreboard-box-number\">109120</div>\n+      <div class=\"scoreboard-box-label\">Delivered</div>\n+      <div class=\"scoreboard-box-hint\">This is all your delivered emails</div>\n+    </div>\n+    <div class=\"scoreboard-box col-xs-12 col-sm-6 col-md-4\">\n+      <div class=\"scoreboard-box-number\">49<span class=\"percentage\">%</span></div>\n+      <div class=\"scoreboard-box-label\">Reached</div>\n+      <div class=\"scoreboard-box-hint\">This is all your reached subscribers</div>\n+    </div>\n   </div>\n-  <div class=\"scoreboard-box\">\n-    <div class=\"scoreboard-box-number\">24</div>\n-    <div class=\"scoreboard-box-label\">Engaged</div>\n+\n+  <h2 class=\"scoreboard-title-list\">Mobile Developers <span class=\"label label-primary\">List</span></h2>\n+  <p>205 subscribers</p>\n+  <div class=\"scoreboard scoreboard-x4 row\">\n+    <div class=\"scoreboard-box col-xs-12 col-sm-6 col-md-3\">\n+      <div class=\"scoreboard-box-number\">12400</div>\n+      <div class=\"scoreboard-box-label\">Sent</div>\n+      <div class=\"scoreboard-box-hint\">This is all your sent emails</div>\n+    </div>\n+    <div class=\"scoreboard-box col-xs-12 col-sm-6 col-md-3\">\n+      <div class=\"scoreboard-box-number\">109</div>\n+      <div class=\"scoreboard-box-label\">Delivered</div>\n+      <div class=\"scoreboard-box-hint\">This is all your delivered emails</div>\n+    </div>\n+    <div class=\"scoreboard-box col-xs-12 col-sm-6 col-md-3\">\n+      <div class=\"scoreboard-box-number\">100<span class=\"percentage\">%</span></div>\n+      <div class=\"scoreboard-box-label\">Reached</div>\n+      <div class=\"scoreboard-box-hint\">This is all your reached subscribers</div>\n+    </div>\n+    <div class=\"scoreboard-box col-xs-12 col-sm-6 col-md-3\">\n+      <div class=\"scoreboard-box-number\">24</div>\n+      <div class=\"scoreboard-box-label\">Engaged</div>\n+    </div>\n   </div>\n </div>\n ```\n */\n \n .scoreboard {\n-  @include display(flex);\n-  @include flex-direction(column);\n-  @include align-items(center);\n-  background-color: $gray-lightest;\n   border-radius: $border-radius-base;\n   padding-bottom: $padding-inside-very-large;\n-  padding-top: $padding-inside-very-large;\n-}\n+  padding-top: $padding-inside;\n+\n+  &-x2, &-x3 {","path":"src/mnd-bootstrap/components/_scoreboard.scss","position":94,"original_position":94,"commit_id":"98cc13b1e16e4be895ec45d18b4264035999cbf4","original_commit_id":"98cc13b1e16e4be895ec45d18b4264035999cbf4","user":{"login":"mnd-hound","id":11031703,"avatar_url":"https://avatars.githubusercontent.com/u/11031703?v=3","gravatar_id":"","url":"https://api.github.com/users/mnd-hound","html_url":"https://github.com/mnd-hound","followers_url":"https://api.github.com/users/mnd-hound/followers","following_url":"https://api.github.com/users/mnd-hound/following{/other_user}","gists_url":"https://api.github.com/users/mnd-hound/gists{/gist_id}","starred_url":"https://api.github.com/users/mnd-hound/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mnd-hound/subscriptions","organizations_url":"https://api.github.com/users/mnd-hound/orgs","repos_url":"https://api.github.com/users/mnd-hound/repos","events_url":"https://api.github.com/users/mnd-hound/events{/privacy}","received_events_url":"https://api.github.com/users/mnd-hound/received_events","type":"User","site_admin":false},"body":"Each selector in a comma sequence should be on its own line","created_at":"2015-12-17T09:36:29Z","updated_at":"2015-12-17T09:36:29Z","html_url":"https://github.com/mynewsdesk/mnd-bootstrap/pull/72#discussion_r47885368","pull_request_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/pulls/72","_links":{"self":{"href":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/pulls/comments/47885368"},"html":{"href":"https://github.com/mynewsdesk/mnd-bootstrap/pull/72#discussion_r47885368"},"pull_request":{"href":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/pulls/72"}}},"pull_request":{"url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/pulls/72","id":53953085,"html_url":"https://github.com/mynewsdesk/mnd-bootstrap/pull/72","diff_url":"https://github.com/mynewsdesk/mnd-bootstrap/pull/72.diff","patch_url":"https://github.com/mynewsdesk/mnd-bootstrap/pull/72.patch","issue_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/issues/72","number":72,"state":"open","locked":false,"title":"Feature/scoreboard redesign","user":{"login":"alexwoll","id":906570,"avatar_url":"https://avatars.githubusercontent.com/u/906570?v=3","gravatar_id":"","url":"https://api.github.com/users/alexwoll","html_url":"https://github.com/alexwoll","followers_url":"https://api.github.com/users/alexwoll/followers","following_url":"https://api.github.com/users/alexwoll/following{/other_user}","gists_url":"https://api.github.com/users/alexwoll/gists{/gist_id}","starred_url":"https://api.github.com/users/alexwoll/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/alexwoll/subscriptions","organizations_url":"https://api.github.com/users/alexwoll/orgs","repos_url":"https://api.github.com/users/alexwoll/repos","events_url":"https://api.github.com/users/alexwoll/events{/privacy}","received_events_url":"https://api.github.com/users/alexwoll/received_events","type":"User","site_admin":false},"body":"New design of the scoreboard, we use bootstrap grid system and then we have a emphasized state where the font is bigger.\r\n\r\nThis is only going to be used in Insights as of now. \r\n\r\n<img width=\"983\" alt=\"skarmavbild 2015-12-17 kl 10 34 39\" src=\"https://cloud.githubusercontent.com/assets/906570/11866208/d3e9fddc-a4a9-11e5-9ff3-348369222c3d.png\">\r\n","created_at":"2015-12-17T09:36:19Z","updated_at":"2015-12-17T09:36:29Z","closed_at":null,"merged_at":null,"merge_commit_sha":"63cda22a433cdc5b3d6ed66fcead9e13f85f41bd","assignee":null,"milestone":null,"commits_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/pulls/72/commits","review_comments_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/pulls/72/comments","review_comment_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/pulls/comments{/number}","comments_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/issues/72/comments","statuses_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/statuses/98cc13b1e16e4be895ec45d18b4264035999cbf4","head":{"label":"mynewsdesk:feature/scoreboard-redesign","ref":"feature/scoreboard-redesign","sha":"98cc13b1e16e4be895ec45d18b4264035999cbf4","user":{"login":"mynewsdesk","id":48223,"avatar_url":"https://avatars.githubusercontent.com/u/48223?v=3","gravatar_id":"","url":"https://api.github.com/users/mynewsdesk","html_url":"https://github.com/mynewsdesk","followers_url":"https://api.github.com/users/mynewsdesk/followers","following_url":"https://api.github.com/users/mynewsdesk/following{/other_user}","gists_url":"https://api.github.com/users/mynewsdesk/gists{/gist_id}","starred_url":"https://api.github.com/users/mynewsdesk/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mynewsdesk/subscriptions","organizations_url":"https://api.github.com/users/mynewsdesk/orgs","repos_url":"https://api.github.com/users/mynewsdesk/repos","events_url":"https://api.github.com/users/mynewsdesk/events{/privacy}","received_events_url":"https://api.github.com/users/mynewsdesk/received_events","type":"Organization","site_admin":false},"repo":{"id":19279669,"name":"mnd-bootstrap","full_name":"mynewsdesk/mnd-bootstrap","owner":{"login":"mynewsdesk","id":48223,"avatar_url":"https://avatars.githubusercontent.com/u/48223?v=3","gravatar_id":"","url":"https://api.github.com/users/mynewsdesk","html_url":"https://github.com/mynewsdesk","followers_url":"https://api.github.com/users/mynewsdesk/followers","following_url":"https://api.github.com/users/mynewsdesk/following{/other_user}","gists_url":"https://api.github.com/users/mynewsdesk/gists{/gist_id}","starred_url":"https://api.github.com/users/mynewsdesk/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mynewsdesk/subscriptions","organizations_url":"https://api.github.com/users/mynewsdesk/orgs","repos_url":"https://api.github.com/users/mynewsdesk/repos","events_url":"https://api.github.com/users/mynewsdesk/events{/privacy}","received_events_url":"https://api.github.com/users/mynewsdesk/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/mynewsdesk/mnd-bootstrap","description":"Mynewsdesk theme for Bootstrap","fork":false,"url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap","forks_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/forks","keys_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/keys{/key_id}","collaborators_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/teams","hooks_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/hooks","issue_events_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/issues/events{/number}","events_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/events","assignees_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/assignees{/user}","branches_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/branches{/branch}","tags_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/tags","blobs_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/git/refs{/sha}","trees_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/git/trees{/sha}","statuses_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/statuses/{sha}","languages_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/languages","stargazers_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/stargazers","contributors_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/contributors","subscribers_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/subscribers","subscription_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/subscription","commits_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/commits{/sha}","git_commits_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/git/commits{/sha}","comments_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/comments{/number}","issue_comment_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/issues/comments{/number}","contents_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/contents/{+path}","compare_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/compare/{base}...{head}","merges_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/merges","archive_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/downloads","issues_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/issues{/number}","pulls_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/pulls{/number}","milestones_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/milestones{/number}","notifications_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/labels{/name}","releases_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/releases{/id}","created_at":"2014-04-29T14:38:08Z","updated_at":"2015-11-26T14:12:32Z","pushed_at":"2015-12-17T09:36:20Z","git_url":"git://github.com/mynewsdesk/mnd-bootstrap.git","ssh_url":"git@github.com:mynewsdesk/mnd-bootstrap.git","clone_url":"https://github.com/mynewsdesk/mnd-bootstrap.git","svn_url":"https://github.com/mynewsdesk/mnd-bootstrap","homepage":"http://mynewsdesk.github.io/mnd-bootstrap/","size":7084,"stargazers_count":1,"watchers_count":1,"language":"CSS","has_issues":true,"has_downloads":true,"has_wiki":false,"has_pages":true,"forks_count":0,"mirror_url":null,"open_issues_count":3,"forks":0,"open_issues":3,"watchers":1,"default_branch":"master"}},"base":{"label":"mynewsdesk:master","ref":"master","sha":"d328565eef0ec0e6c017fdc63249b8cff8af299f","user":{"login":"mynewsdesk","id":48223,"avatar_url":"https://avatars.githubusercontent.com/u/48223?v=3","gravatar_id":"","url":"https://api.github.com/users/mynewsdesk","html_url":"https://github.com/mynewsdesk","followers_url":"https://api.github.com/users/mynewsdesk/followers","following_url":"https://api.github.com/users/mynewsdesk/following{/other_user}","gists_url":"https://api.github.com/users/mynewsdesk/gists{/gist_id}","starred_url":"https://api.github.com/users/mynewsdesk/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mynewsdesk/subscriptions","organizations_url":"https://api.github.com/users/mynewsdesk/orgs","repos_url":"https://api.github.com/users/mynewsdesk/repos","events_url":"https://api.github.com/users/mynewsdesk/events{/privacy}","received_events_url":"https://api.github.com/users/mynewsdesk/received_events","type":"Organization","site_admin":false},"repo":{"id":19279669,"name":"mnd-bootstrap","full_name":"mynewsdesk/mnd-bootstrap","owner":{"login":"mynewsdesk","id":48223,"avatar_url":"https://avatars.githubusercontent.com/u/48223?v=3","gravatar_id":"","url":"https://api.github.com/users/mynewsdesk","html_url":"https://github.com/mynewsdesk","followers_url":"https://api.github.com/users/mynewsdesk/followers","following_url":"https://api.github.com/users/mynewsdesk/following{/other_user}","gists_url":"https://api.github.com/users/mynewsdesk/gists{/gist_id}","starred_url":"https://api.github.com/users/mynewsdesk/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mynewsdesk/subscriptions","organizations_url":"https://api.github.com/users/mynewsdesk/orgs","repos_url":"https://api.github.com/users/mynewsdesk/repos","events_url":"https://api.github.com/users/mynewsdesk/events{/privacy}","received_events_url":"https://api.github.com/users/mynewsdesk/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/mynewsdesk/mnd-bootstrap","description":"Mynewsdesk theme for Bootstrap","fork":false,"url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap","forks_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/forks","keys_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/keys{/key_id}","collaborators_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/teams","hooks_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/hooks","issue_events_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/issues/events{/number}","events_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/events","assignees_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/assignees{/user}","branches_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/branches{/branch}","tags_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/tags","blobs_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/git/refs{/sha}","trees_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/git/trees{/sha}","statuses_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/statuses/{sha}","languages_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/languages","stargazers_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/stargazers","contributors_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/contributors","subscribers_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/subscribers","subscription_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/subscription","commits_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/commits{/sha}","git_commits_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/git/commits{/sha}","comments_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/comments{/number}","issue_comment_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/issues/comments{/number}","contents_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/contents/{+path}","compare_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/compare/{base}...{head}","merges_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/merges","archive_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/downloads","issues_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/issues{/number}","pulls_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/pulls{/number}","milestones_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/milestones{/number}","notifications_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/labels{/name}","releases_url":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/releases{/id}","created_at":"2014-04-29T14:38:08Z","updated_at":"2015-11-26T14:12:32Z","pushed_at":"2015-12-17T09:36:20Z","git_url":"git://github.com/mynewsdesk/mnd-bootstrap.git","ssh_url":"git@github.com:mynewsdesk/mnd-bootstrap.git","clone_url":"https://github.com/mynewsdesk/mnd-bootstrap.git","svn_url":"https://github.com/mynewsdesk/mnd-bootstrap","homepage":"http://mynewsdesk.github.io/mnd-bootstrap/","size":7084,"stargazers_count":1,"watchers_count":1,"language":"CSS","has_issues":true,"has_downloads":true,"has_wiki":false,"has_pages":true,"forks_count":0,"mirror_url":null,"open_issues_count":3,"forks":0,"open_issues":3,"watchers":1,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/pulls/72"},"html":{"href":"https://github.com/mynewsdesk/mnd-bootstrap/pull/72"},"issue":{"href":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/issues/72"},"comments":{"href":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/issues/72/comments"},"review_comments":{"href":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/pulls/72/comments"},"review_comment":{"href":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/pulls/72/commits"},"statuses":{"href":"https://api.github.com/repos/mynewsdesk/mnd-bootstrap/statuses/98cc13b1e16e4be895ec45d18b4264035999cbf4"}}}}