{"action":"created","comment":{"url":"https://api.github.com/repos/gcstaublin/pregame/pulls/comments/49112088","id":49112088,"diff_hunk":"@@ -31,85 +17,202 @@ $table_bdr: 1px solid $ui_gray_medium_color;\n }\n \n \n+.#{$css-prefix}table__tr {\n+  border-top: $table_bdr;\n+  transition: $table_trans_bg;\n+}\n+\n+\n .#{$css-prefix}table__th {\n+  padding: 5px 8px 5px;\n   text-align: left;\n-  border-bottom: 1px solid #ddd;\n-  padding: 3px;\n-  font-weight: normal;\n+  font-weight:  normal;\n+  font-size: $table_font_size_th;\n+  text-transform: uppercase;\n+  color: black;\n+  white-space: nowrap;\n }\n \n \n-.#{$css-prefix}table__td, %table__td {\n-  padding: 10px 8px;\n+.#{$css-prefix}table__td {\n+  padding: 15px 8px;\n+  white-space: nowrap;\n   // border-bottom: $table_bdr;\n-  border: $table_bdr;\n-  text-align: right;\n }\n \n-.#{$css-prefix}table__data {\n-  // width: 100px;\n+\n+.#{$css-prefix}table__tr--thead {\n+  border-top: $table_bdr_dark;\n+  border-bottom: $table_bdr_dark;\n+}\n+\n+.#{$css-prefix}table__container {\n+  & + & { margin-top: $spacer_xxlg; }\n }\n \n-.#{$css-prefix}table__tr {\n-  background-color: #fff;\n-  transition: background-color 0.6s ease;\n+\n+.#{$css-prefix}table__caption {\n+  text-align: left;\n+  margin-bottom: $spacer_sm;\n }\n \n \n+// If there is more than one thead in table, remove top border;\n+.#{$css-prefix}table__thead {\n+  &:not(:first-of-type) {\n+    .#{$css-prefix}table__tr--thead {\n+      border-top: 0;\n+    }\n+\n+    .#{$css-prefix}table__th {\n+      padding-top: $spacer_med;\n+    }\n+  }\n+}\n+\n \n \n \n // Bordered\n // --------------------------------------------\n+.#{$css-prefix}table--bordered {\n+  > tbody {\n+    .#{$css-prefix}table__td {\n+      border: $table_bdr;\n+    }\n+  }\n+} // --bordered\n+\n \n \n \n // Striped\n // --------------------------------------------\n-.#{$css-prefix}table__tbody--striped {\n-  > .#{$css-prefix}table__tr {\n-    &:nth-child(2n + 1) { background-color: $table_bg_striped; }\n-    &:hover { background-color: $table_hover_bg_darker; }\n+.#{$css-prefix}table--striped {\n+  > tbody {\n+      .#{$css-prefix}table__tr {\n+        &:nth-child(2n + 2) { background-color: $table_bg_striped; }\n+        // &:nth-child(2n + 1) { background-color: rgba($table_bg_striped, 0.5); }\n+        &:hover { background-color: $table_hover_bg_darker; }\n+      }\n+\n   }\n \n   .#{$css-prefix}table__td {\n-    border: 0;\n-    border-bottom: $table_bdr;\n+    // border: 0;\n+    // border-bottom: $table_bdr;\n   }\n-}\n+} // --striped\n+\n+\n \n \n // Hover\n // --------------------------------------------\n-.#{$css-prefix}table__tbody {\n-  > .#{$css-prefix}table__tr {\n-    &:hover { background-color: $table_hover_bg; }\n+.#{$css-prefix}table--hoverable {\n+  .#{$css-prefix}table__tbody {\n+    > .#{$css-prefix}table__tr {\n+      &:hover { background-color: $table_hover_bg; }\n+    }\n   }\n }\n \n \n \n+\n // Explainer\n // --------------------------------------------\n .#{$css-prefix}table__explain {\n   margin-top: 15px;\n-  background-color: pink;\n-  padding: 20px;\n+  background-color: $table_bg_striped;\n+  padding: 15px 20px;\n }\n \n \n \n \n-// Proto\n+// Col Group\n // --------------------------------------------\n-.#{$css-prefix}table__td--text {\n-  @extend %table__td;\n-  text-align: left;\n+.#{$css-prefix}table__col--bdr-right {\n+  border-right: $table_bdr_dark;\n+}\n+\n+.#{$css-prefix}table__col--bdr-left {\n+  border-left: $table_bdr_dark;\n }\n \n \n+.#{$css-prefix}table__col--bg {\n+  background-color: $table_bg_vert;\n+}\n \n \n \n+// RWD Tables\n+// --------------------------------------------\n+@media only screen and (max-width: 960px) {\n+\n+  .#{$css-prefix}table--rwd { margin-bottom: 0; }\n+\n+  .#{$css-prefix}table--pinned {\n+    position: absolute;\n+    left: 0;\n+    top: 0;\n+    background: #fff;","path":"static/scss/_tables.scss","position":194,"original_position":194,"commit_id":"87c2d99d3f0af5adb9784e2d4b243732b3486b22","original_commit_id":"87c2d99d3f0af5adb9784e2d4b243732b3486b22","user":{"login":"gcstaublin","id":959486,"avatar_url":"https://avatars.githubusercontent.com/u/959486?v=3","gravatar_id":"","url":"https://api.github.com/users/gcstaublin","html_url":"https://github.com/gcstaublin","followers_url":"https://api.github.com/users/gcstaublin/followers","following_url":"https://api.github.com/users/gcstaublin/following{/other_user}","gists_url":"https://api.github.com/users/gcstaublin/gists{/gist_id}","starred_url":"https://api.github.com/users/gcstaublin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gcstaublin/subscriptions","organizations_url":"https://api.github.com/users/gcstaublin/orgs","repos_url":"https://api.github.com/users/gcstaublin/repos","events_url":"https://api.github.com/users/gcstaublin/events{/privacy}","received_events_url":"https://api.github.com/users/gcstaublin/received_events","type":"User","site_admin":false},"body":"The breakpoint?\r\n\r\nIt probably should be ... but we'll also have different points where we'd want a table to become responsive, too.","created_at":"2016-01-07T19:09:40Z","updated_at":"2016-01-07T19:09:40Z","html_url":"https://github.com/gcstaublin/pregame/pull/57#discussion_r49112088","pull_request_url":"https://api.github.com/repos/gcstaublin/pregame/pulls/57","_links":{"self":{"href":"https://api.github.com/repos/gcstaublin/pregame/pulls/comments/49112088"},"html":{"href":"https://github.com/gcstaublin/pregame/pull/57#discussion_r49112088"},"pull_request":{"href":"https://api.github.com/repos/gcstaublin/pregame/pulls/57"}}},"pull_request":{"url":"https://api.github.com/repos/gcstaublin/pregame/pulls/57","id":54692954,"html_url":"https://github.com/gcstaublin/pregame/pull/57","diff_url":"https://github.com/gcstaublin/pregame/pull/57.diff","patch_url":"https://github.com/gcstaublin/pregame/pull/57.patch","issue_url":"https://api.github.com/repos/gcstaublin/pregame/issues/57","number":57,"state":"open","locked":false,"title":"Tables","user":{"login":"gcstaublin","id":959486,"avatar_url":"https://avatars.githubusercontent.com/u/959486?v=3","gravatar_id":"","url":"https://api.github.com/users/gcstaublin","html_url":"https://github.com/gcstaublin","followers_url":"https://api.github.com/users/gcstaublin/followers","following_url":"https://api.github.com/users/gcstaublin/following{/other_user}","gists_url":"https://api.github.com/users/gcstaublin/gists{/gist_id}","starred_url":"https://api.github.com/users/gcstaublin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gcstaublin/subscriptions","organizations_url":"https://api.github.com/users/gcstaublin/orgs","repos_url":"https://api.github.com/users/gcstaublin/repos","events_url":"https://api.github.com/users/gcstaublin/events{/privacy}","received_events_url":"https://api.github.com/users/gcstaublin/received_events","type":"User","site_admin":false},"body":"## What this did\r\n\r\nCreates base table styles\r\n\r\n- [ ] Base table\r\n<img width=\"1166\" alt=\"2016-01-06 02 27 06 pm\" src=\"https://cloud.githubusercontent.com/assets/959486/12152319/f029dcbe-b481-11e5-8fec-d4c5418e79d5.png\">\r\n\r\n- [ ] Bordered table\r\n<img width=\"1167\" alt=\"2016-01-06 02 27 19 pm\" src=\"https://cloud.githubusercontent.com/assets/959486/12152322/f4aa6c90-b481-11e5-854f-7c08438bdd71.png\">\r\n\r\n- [ ] Striped and hoverable\r\n<img width=\"1169\" alt=\"2016-01-06 02 27 33 pm\" src=\"https://cloud.githubusercontent.com/assets/959486/12152326/f9a5fc32-b481-11e5-9422-5fe4fcee8993.png\">\r\n\r\n- [ ] Colspan table\r\n<img width=\"1168\" alt=\"2016-01-06 02 27 47 pm\" src=\"https://cloud.githubusercontent.com/assets/959486/12152331/fe3c4b70-b481-11e5-881a-6caa63194ad1.png\">\r\n\r\n- [ ] RWD table\r\n<img width=\"861\" alt=\"2016-01-06 02 28 09 pm\" src=\"https://cloud.githubusercontent.com/assets/959486/12152336/052a7560-b482-11e5-93c7-d13dadc7e798.png\">\r\n\r\n","created_at":"2015-12-28T23:54:09Z","updated_at":"2016-01-07T19:09:40Z","closed_at":null,"merged_at":null,"merge_commit_sha":"d6725874601d379e875d00f1edb57a2556595301","assignee":null,"milestone":null,"commits_url":"https://api.github.com/repos/gcstaublin/pregame/pulls/57/commits","review_comments_url":"https://api.github.com/repos/gcstaublin/pregame/pulls/57/comments","review_comment_url":"https://api.github.com/repos/gcstaublin/pregame/pulls/comments{/number}","comments_url":"https://api.github.com/repos/gcstaublin/pregame/issues/57/comments","statuses_url":"https://api.github.com/repos/gcstaublin/pregame/statuses/87c2d99d3f0af5adb9784e2d4b243732b3486b22","head":{"label":"gcstaublin:tables","ref":"tables","sha":"87c2d99d3f0af5adb9784e2d4b243732b3486b22","user":{"login":"gcstaublin","id":959486,"avatar_url":"https://avatars.githubusercontent.com/u/959486?v=3","gravatar_id":"","url":"https://api.github.com/users/gcstaublin","html_url":"https://github.com/gcstaublin","followers_url":"https://api.github.com/users/gcstaublin/followers","following_url":"https://api.github.com/users/gcstaublin/following{/other_user}","gists_url":"https://api.github.com/users/gcstaublin/gists{/gist_id}","starred_url":"https://api.github.com/users/gcstaublin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gcstaublin/subscriptions","organizations_url":"https://api.github.com/users/gcstaublin/orgs","repos_url":"https://api.github.com/users/gcstaublin/repos","events_url":"https://api.github.com/users/gcstaublin/events{/privacy}","received_events_url":"https://api.github.com/users/gcstaublin/received_events","type":"User","site_admin":false},"repo":{"id":43843243,"name":"pregame","full_name":"gcstaublin/pregame","owner":{"login":"gcstaublin","id":959486,"avatar_url":"https://avatars.githubusercontent.com/u/959486?v=3","gravatar_id":"","url":"https://api.github.com/users/gcstaublin","html_url":"https://github.com/gcstaublin","followers_url":"https://api.github.com/users/gcstaublin/followers","following_url":"https://api.github.com/users/gcstaublin/following{/other_user}","gists_url":"https://api.github.com/users/gcstaublin/gists{/gist_id}","starred_url":"https://api.github.com/users/gcstaublin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gcstaublin/subscriptions","organizations_url":"https://api.github.com/users/gcstaublin/orgs","repos_url":"https://api.github.com/users/gcstaublin/repos","events_url":"https://api.github.com/users/gcstaublin/events{/privacy}","received_events_url":"https://api.github.com/users/gcstaublin/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/gcstaublin/pregame","description":"","fork":false,"url":"https://api.github.com/repos/gcstaublin/pregame","forks_url":"https://api.github.com/repos/gcstaublin/pregame/forks","keys_url":"https://api.github.com/repos/gcstaublin/pregame/keys{/key_id}","collaborators_url":"https://api.github.com/repos/gcstaublin/pregame/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/gcstaublin/pregame/teams","hooks_url":"https://api.github.com/repos/gcstaublin/pregame/hooks","issue_events_url":"https://api.github.com/repos/gcstaublin/pregame/issues/events{/number}","events_url":"https://api.github.com/repos/gcstaublin/pregame/events","assignees_url":"https://api.github.com/repos/gcstaublin/pregame/assignees{/user}","branches_url":"https://api.github.com/repos/gcstaublin/pregame/branches{/branch}","tags_url":"https://api.github.com/repos/gcstaublin/pregame/tags","blobs_url":"https://api.github.com/repos/gcstaublin/pregame/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/gcstaublin/pregame/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/gcstaublin/pregame/git/refs{/sha}","trees_url":"https://api.github.com/repos/gcstaublin/pregame/git/trees{/sha}","statuses_url":"https://api.github.com/repos/gcstaublin/pregame/statuses/{sha}","languages_url":"https://api.github.com/repos/gcstaublin/pregame/languages","stargazers_url":"https://api.github.com/repos/gcstaublin/pregame/stargazers","contributors_url":"https://api.github.com/repos/gcstaublin/pregame/contributors","subscribers_url":"https://api.github.com/repos/gcstaublin/pregame/subscribers","subscription_url":"https://api.github.com/repos/gcstaublin/pregame/subscription","commits_url":"https://api.github.com/repos/gcstaublin/pregame/commits{/sha}","git_commits_url":"https://api.github.com/repos/gcstaublin/pregame/git/commits{/sha}","comments_url":"https://api.github.com/repos/gcstaublin/pregame/comments{/number}","issue_comment_url":"https://api.github.com/repos/gcstaublin/pregame/issues/comments{/number}","contents_url":"https://api.github.com/repos/gcstaublin/pregame/contents/{+path}","compare_url":"https://api.github.com/repos/gcstaublin/pregame/compare/{base}...{head}","merges_url":"https://api.github.com/repos/gcstaublin/pregame/merges","archive_url":"https://api.github.com/repos/gcstaublin/pregame/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/gcstaublin/pregame/downloads","issues_url":"https://api.github.com/repos/gcstaublin/pregame/issues{/number}","pulls_url":"https://api.github.com/repos/gcstaublin/pregame/pulls{/number}","milestones_url":"https://api.github.com/repos/gcstaublin/pregame/milestones{/number}","notifications_url":"https://api.github.com/repos/gcstaublin/pregame/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/gcstaublin/pregame/labels{/name}","releases_url":"https://api.github.com/repos/gcstaublin/pregame/releases{/id}","created_at":"2015-10-07T20:35:21Z","updated_at":"2015-11-04T15:58:00Z","pushed_at":"2016-01-07T19:04:33Z","git_url":"git://github.com/gcstaublin/pregame.git","ssh_url":"git@github.com:gcstaublin/pregame.git","clone_url":"https://github.com/gcstaublin/pregame.git","svn_url":"https://github.com/gcstaublin/pregame","homepage":null,"size":447,"stargazers_count":0,"watchers_count":0,"language":"HTML","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":21,"forks":0,"open_issues":21,"watchers":0,"default_branch":"master"}},"base":{"label":"gcstaublin:master","ref":"master","sha":"5ed61e72452a28b29dbf12cd36191dacba26cbdc","user":{"login":"gcstaublin","id":959486,"avatar_url":"https://avatars.githubusercontent.com/u/959486?v=3","gravatar_id":"","url":"https://api.github.com/users/gcstaublin","html_url":"https://github.com/gcstaublin","followers_url":"https://api.github.com/users/gcstaublin/followers","following_url":"https://api.github.com/users/gcstaublin/following{/other_user}","gists_url":"https://api.github.com/users/gcstaublin/gists{/gist_id}","starred_url":"https://api.github.com/users/gcstaublin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gcstaublin/subscriptions","organizations_url":"https://api.github.com/users/gcstaublin/orgs","repos_url":"https://api.github.com/users/gcstaublin/repos","events_url":"https://api.github.com/users/gcstaublin/events{/privacy}","received_events_url":"https://api.github.com/users/gcstaublin/received_events","type":"User","site_admin":false},"repo":{"id":43843243,"name":"pregame","full_name":"gcstaublin/pregame","owner":{"login":"gcstaublin","id":959486,"avatar_url":"https://avatars.githubusercontent.com/u/959486?v=3","gravatar_id":"","url":"https://api.github.com/users/gcstaublin","html_url":"https://github.com/gcstaublin","followers_url":"https://api.github.com/users/gcstaublin/followers","following_url":"https://api.github.com/users/gcstaublin/following{/other_user}","gists_url":"https://api.github.com/users/gcstaublin/gists{/gist_id}","starred_url":"https://api.github.com/users/gcstaublin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gcstaublin/subscriptions","organizations_url":"https://api.github.com/users/gcstaublin/orgs","repos_url":"https://api.github.com/users/gcstaublin/repos","events_url":"https://api.github.com/users/gcstaublin/events{/privacy}","received_events_url":"https://api.github.com/users/gcstaublin/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/gcstaublin/pregame","description":"","fork":false,"url":"https://api.github.com/repos/gcstaublin/pregame","forks_url":"https://api.github.com/repos/gcstaublin/pregame/forks","keys_url":"https://api.github.com/repos/gcstaublin/pregame/keys{/key_id}","collaborators_url":"https://api.github.com/repos/gcstaublin/pregame/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/gcstaublin/pregame/teams","hooks_url":"https://api.github.com/repos/gcstaublin/pregame/hooks","issue_events_url":"https://api.github.com/repos/gcstaublin/pregame/issues/events{/number}","events_url":"https://api.github.com/repos/gcstaublin/pregame/events","assignees_url":"https://api.github.com/repos/gcstaublin/pregame/assignees{/user}","branches_url":"https://api.github.com/repos/gcstaublin/pregame/branches{/branch}","tags_url":"https://api.github.com/repos/gcstaublin/pregame/tags","blobs_url":"https://api.github.com/repos/gcstaublin/pregame/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/gcstaublin/pregame/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/gcstaublin/pregame/git/refs{/sha}","trees_url":"https://api.github.com/repos/gcstaublin/pregame/git/trees{/sha}","statuses_url":"https://api.github.com/repos/gcstaublin/pregame/statuses/{sha}","languages_url":"https://api.github.com/repos/gcstaublin/pregame/languages","stargazers_url":"https://api.github.com/repos/gcstaublin/pregame/stargazers","contributors_url":"https://api.github.com/repos/gcstaublin/pregame/contributors","subscribers_url":"https://api.github.com/repos/gcstaublin/pregame/subscribers","subscription_url":"https://api.github.com/repos/gcstaublin/pregame/subscription","commits_url":"https://api.github.com/repos/gcstaublin/pregame/commits{/sha}","git_commits_url":"https://api.github.com/repos/gcstaublin/pregame/git/commits{/sha}","comments_url":"https://api.github.com/repos/gcstaublin/pregame/comments{/number}","issue_comment_url":"https://api.github.com/repos/gcstaublin/pregame/issues/comments{/number}","contents_url":"https://api.github.com/repos/gcstaublin/pregame/contents/{+path}","compare_url":"https://api.github.com/repos/gcstaublin/pregame/compare/{base}...{head}","merges_url":"https://api.github.com/repos/gcstaublin/pregame/merges","archive_url":"https://api.github.com/repos/gcstaublin/pregame/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/gcstaublin/pregame/downloads","issues_url":"https://api.github.com/repos/gcstaublin/pregame/issues{/number}","pulls_url":"https://api.github.com/repos/gcstaublin/pregame/pulls{/number}","milestones_url":"https://api.github.com/repos/gcstaublin/pregame/milestones{/number}","notifications_url":"https://api.github.com/repos/gcstaublin/pregame/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/gcstaublin/pregame/labels{/name}","releases_url":"https://api.github.com/repos/gcstaublin/pregame/releases{/id}","created_at":"2015-10-07T20:35:21Z","updated_at":"2015-11-04T15:58:00Z","pushed_at":"2016-01-07T19:04:33Z","git_url":"git://github.com/gcstaublin/pregame.git","ssh_url":"git@github.com:gcstaublin/pregame.git","clone_url":"https://github.com/gcstaublin/pregame.git","svn_url":"https://github.com/gcstaublin/pregame","homepage":null,"size":447,"stargazers_count":0,"watchers_count":0,"language":"HTML","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":21,"forks":0,"open_issues":21,"watchers":0,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/gcstaublin/pregame/pulls/57"},"html":{"href":"https://github.com/gcstaublin/pregame/pull/57"},"issue":{"href":"https://api.github.com/repos/gcstaublin/pregame/issues/57"},"comments":{"href":"https://api.github.com/repos/gcstaublin/pregame/issues/57/comments"},"review_comments":{"href":"https://api.github.com/repos/gcstaublin/pregame/pulls/57/comments"},"review_comment":{"href":"https://api.github.com/repos/gcstaublin/pregame/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/gcstaublin/pregame/pulls/57/commits"},"statuses":{"href":"https://api.github.com/repos/gcstaublin/pregame/statuses/87c2d99d3f0af5adb9784e2d4b243732b3486b22"}}}}