{"action":"created","comment":{"url":"https://api.github.com/repos/angular/material2/pulls/comments/51019931","id":51019931,"diff_hunk":"@@ -0,0 +1,196 @@\n+\n+@import \"variables\";\n+@import \"shadows\";\n+@import \"default-theme\";   // TODO: Remove this\n+\n+$md-card-default-padding: rem(2.400) !default;\n+$md-card-mobile-padding: rem(2.400) rem(1.600) !default;\n+$md-card-border-radius: 2px !default;\n+$md-card-header-size: rem(4.000) !default;\n+\n+md-card {\n+  display: block;\n+  position:relative;\n+  padding: $md-card-default-padding;\n+  border-radius: $md-card-border-radius;\n+  box-shadow: $md-shadow-bottom-z-1;\n+  font-family: $font-family;\n+  background: md-color($md-background, 50);       // temp until 0 works\n+}\n+\n+%md_card_section_base {\n+  display: block;\n+  margin-bottom: rem(1.600);  \n+}\n+\n+md-card-title {\n+  @extend %md_card_section_base;\n+  font-size: rem(2.400);\n+  font-weight: 400;\n+}\n+\n+md-card-subtitle {\n+  @extend %md_card_section_base;\n+  font-size: $md-body-font-size-base;\n+  color: md-color($md-foreground, \"secondary-text\");\n+}\n+\n+md-card-content {\n+  @extend %md_card_section_base;\n+  font-size: $md-body-font-size-base;\n+}\n+\n+md-card-actions {\n+  @extend %md_card_section_base;\n+  margin-left: rem(-1.600);\n+  margin-right: rem(-1.600);\n+  padding: rem(0.800) 0;\n+}\n+\n+img[md-card-image] {\n+  width: calc(100% + 48px);\n+  margin: 0 rem(-2.400) rem(1.600) rem(-2.400);\n+}\n+\n+img[md-card-xl-image] {\n+  width: rem(24.00);\n+  height: rem(24.00);\n+  margin: rem(-0.800);\n+}\n+\n+md-card-footer {\n+  position: absolute;\n+  bottom: 0;\n+}\n+\n+md-card-actions {\n+  [md-button], [md-raised-button], button {\n+    margin: 0 rem(0.400);\n+  } \n+}\n+\n+/* HEADER STYLES */\n+\n+md-card-header {\n+  display: flex;\n+  flex-direction: row;\n+  height: $md-card-header-size;\n+  margin: rem(-0.800) 0 rem(1.600) 0;\n+}\n+\n+.md-card-header-text {\n+  height: $md-card-header-size;\n+  margin: 0 rem(0.800);\n+}\n+\n+img[md-card-avatar] {\n+  height: $md-card-header-size;\n+  width: $md-card-header-size;\n+  border-radius: 50%;\n+}\n+\n+md-card-header md-card-title {\n+  font-size: $md-body-font-size-base;\n+}\n+\n+/* TITLE-GROUP STYLES */\n+\n+%md_card_title_img {\n+  margin: rem(-0.800) 0;\n+}\n+\n+md-card-title-group {\n+  display: flex;\n+  justify-content: space-between;\n+  margin: 0 rem(-0.800);\n+}\n+\n+img[md-card-sm-image] {\n+  @extend %md_card_title_img;\n+  width: rem(8.00);\n+  height: rem(8.00);\n+}\n+\n+img[md-card-md-image] {\n+  @extend %md_card_title_img;\n+  width: rem(11.200);\n+  height: rem(11.200);\n+}\n+\n+img[md-card-lg-image] {\n+  @extend %md_card_title_img;\n+  width: rem(15.200);\n+  height: rem(15.200);\n+}\n+\n+/* MEDIA QUERIES */\n+\n+@media (max-width: $md-mobile-screen){\n+  md-card {\n+    padding: $md-card-mobile-padding;\n+  }\n+\n+  img[md-card-image] {\n+    width: calc(100% + 32px);\n+    margin: rem(1.600) rem(-1.600);\n+  }\n+\n+  md-card-title-group {\n+    margin: 0;\n+  }\n+\n+  img[md-card-xl-image] {\n+    margin-left: 0;\n+    margin-right: 0;\n+  }\n+\n+  md-card-header {\n+    margin: rem(-0.800) 0 0 0;\n+  }\n+\n+}\n+\n+/* FIRST/LAST CHILD ADJUSTMENTS */\n+\n+img[md-card-image]:first-child {","path":"src/components/card/card.scss","position":155,"original_position":155,"commit_id":"189a7156a9b0ae96c6641935fa09cf9ef3ec90e5","original_commit_id":"189a7156a9b0ae96c6641935fa09cf9ef3ec90e5","user":{"login":"jelbourn","id":838736,"avatar_url":"https://avatars.githubusercontent.com/u/838736?v=3","gravatar_id":"","url":"https://api.github.com/users/jelbourn","html_url":"https://github.com/jelbourn","followers_url":"https://api.github.com/users/jelbourn/followers","following_url":"https://api.github.com/users/jelbourn/following{/other_user}","gists_url":"https://api.github.com/users/jelbourn/gists{/gist_id}","starred_url":"https://api.github.com/users/jelbourn/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jelbourn/subscriptions","organizations_url":"https://api.github.com/users/jelbourn/orgs","repos_url":"https://api.github.com/users/jelbourn/repos","events_url":"https://api.github.com/users/jelbourn/events{/privacy}","received_events_url":"https://api.github.com/users/jelbourn/received_events","type":"User","site_admin":false},"body":"Could you add comments explaining why the `:first-child` elements need special adjustment?","created_at":"2016-01-27T17:41:18Z","updated_at":"2016-01-27T17:41:18Z","html_url":"https://github.com/angular/material2/pull/44#discussion_r51019931","pull_request_url":"https://api.github.com/repos/angular/material2/pulls/44","_links":{"self":{"href":"https://api.github.com/repos/angular/material2/pulls/comments/51019931"},"html":{"href":"https://github.com/angular/material2/pull/44#discussion_r51019931"},"pull_request":{"href":"https://api.github.com/repos/angular/material2/pulls/44"}}},"pull_request":{"url":"https://api.github.com/repos/angular/material2/pulls/44","id":57328103,"html_url":"https://github.com/angular/material2/pull/44","diff_url":"https://github.com/angular/material2/pull/44.diff","patch_url":"https://github.com/angular/material2/pull/44.patch","issue_url":"https://api.github.com/repos/angular/material2/issues/44","number":44,"state":"open","locked":false,"title":"feat(card): added card component","user":{"login":"kara","id":3871688,"avatar_url":"https://avatars.githubusercontent.com/u/3871688?v=3","gravatar_id":"","url":"https://api.github.com/users/kara","html_url":"https://github.com/kara","followers_url":"https://api.github.com/users/kara/followers","following_url":"https://api.github.com/users/kara/following{/other_user}","gists_url":"https://api.github.com/users/kara/gists{/gist_id}","starred_url":"https://api.github.com/users/kara/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kara/subscriptions","organizations_url":"https://api.github.com/users/kara/orgs","repos_url":"https://api.github.com/users/kara/repos","events_url":"https://api.github.com/users/kara/events{/privacy}","received_events_url":"https://api.github.com/users/kara/received_events","type":"User","site_admin":false},"body":"@jelbourn @hansl \r\n\r\n Design:\r\n* https://docs.google.com/document/d/1kmgqoB9hj1urxdXsyGUXbON11StZ7qriXj_Gj0xE0Sc/edit#","created_at":"2016-01-27T08:35:12Z","updated_at":"2016-01-27T17:41:18Z","closed_at":null,"merged_at":null,"merge_commit_sha":"1f5ab66427861787cd2e67f3b3011f6d6896fd33","assignee":null,"milestone":null,"commits_url":"https://api.github.com/repos/angular/material2/pulls/44/commits","review_comments_url":"https://api.github.com/repos/angular/material2/pulls/44/comments","review_comment_url":"https://api.github.com/repos/angular/material2/pulls/comments{/number}","comments_url":"https://api.github.com/repos/angular/material2/issues/44/comments","statuses_url":"https://api.github.com/repos/angular/material2/statuses/189a7156a9b0ae96c6641935fa09cf9ef3ec90e5","head":{"label":"kara:card","ref":"card","sha":"189a7156a9b0ae96c6641935fa09cf9ef3ec90e5","user":{"login":"kara","id":3871688,"avatar_url":"https://avatars.githubusercontent.com/u/3871688?v=3","gravatar_id":"","url":"https://api.github.com/users/kara","html_url":"https://github.com/kara","followers_url":"https://api.github.com/users/kara/followers","following_url":"https://api.github.com/users/kara/following{/other_user}","gists_url":"https://api.github.com/users/kara/gists{/gist_id}","starred_url":"https://api.github.com/users/kara/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kara/subscriptions","organizations_url":"https://api.github.com/users/kara/orgs","repos_url":"https://api.github.com/users/kara/repos","events_url":"https://api.github.com/users/kara/events{/privacy}","received_events_url":"https://api.github.com/users/kara/received_events","type":"User","site_admin":false},"repo":{"id":49738295,"name":"material2","full_name":"kara/material2","owner":{"login":"kara","id":3871688,"avatar_url":"https://avatars.githubusercontent.com/u/3871688?v=3","gravatar_id":"","url":"https://api.github.com/users/kara","html_url":"https://github.com/kara","followers_url":"https://api.github.com/users/kara/followers","following_url":"https://api.github.com/users/kara/following{/other_user}","gists_url":"https://api.github.com/users/kara/gists{/gist_id}","starred_url":"https://api.github.com/users/kara/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kara/subscriptions","organizations_url":"https://api.github.com/users/kara/orgs","repos_url":"https://api.github.com/users/kara/repos","events_url":"https://api.github.com/users/kara/events{/privacy}","received_events_url":"https://api.github.com/users/kara/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/kara/material2","description":"Material Design components for Angular 2","fork":true,"url":"https://api.github.com/repos/kara/material2","forks_url":"https://api.github.com/repos/kara/material2/forks","keys_url":"https://api.github.com/repos/kara/material2/keys{/key_id}","collaborators_url":"https://api.github.com/repos/kara/material2/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/kara/material2/teams","hooks_url":"https://api.github.com/repos/kara/material2/hooks","issue_events_url":"https://api.github.com/repos/kara/material2/issues/events{/number}","events_url":"https://api.github.com/repos/kara/material2/events","assignees_url":"https://api.github.com/repos/kara/material2/assignees{/user}","branches_url":"https://api.github.com/repos/kara/material2/branches{/branch}","tags_url":"https://api.github.com/repos/kara/material2/tags","blobs_url":"https://api.github.com/repos/kara/material2/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/kara/material2/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/kara/material2/git/refs{/sha}","trees_url":"https://api.github.com/repos/kara/material2/git/trees{/sha}","statuses_url":"https://api.github.com/repos/kara/material2/statuses/{sha}","languages_url":"https://api.github.com/repos/kara/material2/languages","stargazers_url":"https://api.github.com/repos/kara/material2/stargazers","contributors_url":"https://api.github.com/repos/kara/material2/contributors","subscribers_url":"https://api.github.com/repos/kara/material2/subscribers","subscription_url":"https://api.github.com/repos/kara/material2/subscription","commits_url":"https://api.github.com/repos/kara/material2/commits{/sha}","git_commits_url":"https://api.github.com/repos/kara/material2/git/commits{/sha}","comments_url":"https://api.github.com/repos/kara/material2/comments{/number}","issue_comment_url":"https://api.github.com/repos/kara/material2/issues/comments{/number}","contents_url":"https://api.github.com/repos/kara/material2/contents/{+path}","compare_url":"https://api.github.com/repos/kara/material2/compare/{base}...{head}","merges_url":"https://api.github.com/repos/kara/material2/merges","archive_url":"https://api.github.com/repos/kara/material2/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/kara/material2/downloads","issues_url":"https://api.github.com/repos/kara/material2/issues{/number}","pulls_url":"https://api.github.com/repos/kara/material2/pulls{/number}","milestones_url":"https://api.github.com/repos/kara/material2/milestones{/number}","notifications_url":"https://api.github.com/repos/kara/material2/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/kara/material2/labels{/name}","releases_url":"https://api.github.com/repos/kara/material2/releases{/id}","deployments_url":"https://api.github.com/repos/kara/material2/deployments","created_at":"2016-01-15T18:50:19Z","updated_at":"2016-01-15T18:50:20Z","pushed_at":"2016-01-27T16:46:44Z","git_url":"git://github.com/kara/material2.git","ssh_url":"git@github.com:kara/material2.git","clone_url":"https://github.com/kara/material2.git","svn_url":"https://github.com/kara/material2","homepage":"","size":56,"stargazers_count":0,"watchers_count":0,"language":"CSS","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":"angular:master","ref":"master","sha":"5b69ae0c659b069ccd3c8dd2e494b48b804d8bdb","user":{"login":"angular","id":139426,"avatar_url":"https://avatars.githubusercontent.com/u/139426?v=3","gravatar_id":"","url":"https://api.github.com/users/angular","html_url":"https://github.com/angular","followers_url":"https://api.github.com/users/angular/followers","following_url":"https://api.github.com/users/angular/following{/other_user}","gists_url":"https://api.github.com/users/angular/gists{/gist_id}","starred_url":"https://api.github.com/users/angular/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/angular/subscriptions","organizations_url":"https://api.github.com/users/angular/orgs","repos_url":"https://api.github.com/users/angular/repos","events_url":"https://api.github.com/users/angular/events{/privacy}","received_events_url":"https://api.github.com/users/angular/received_events","type":"Organization","site_admin":false},"repo":{"id":49016322,"name":"material2","full_name":"angular/material2","owner":{"login":"angular","id":139426,"avatar_url":"https://avatars.githubusercontent.com/u/139426?v=3","gravatar_id":"","url":"https://api.github.com/users/angular","html_url":"https://github.com/angular","followers_url":"https://api.github.com/users/angular/followers","following_url":"https://api.github.com/users/angular/following{/other_user}","gists_url":"https://api.github.com/users/angular/gists{/gist_id}","starred_url":"https://api.github.com/users/angular/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/angular/subscriptions","organizations_url":"https://api.github.com/users/angular/orgs","repos_url":"https://api.github.com/users/angular/repos","events_url":"https://api.github.com/users/angular/events{/privacy}","received_events_url":"https://api.github.com/users/angular/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/angular/material2","description":"Material Design components for Angular 2","fork":false,"url":"https://api.github.com/repos/angular/material2","forks_url":"https://api.github.com/repos/angular/material2/forks","keys_url":"https://api.github.com/repos/angular/material2/keys{/key_id}","collaborators_url":"https://api.github.com/repos/angular/material2/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/angular/material2/teams","hooks_url":"https://api.github.com/repos/angular/material2/hooks","issue_events_url":"https://api.github.com/repos/angular/material2/issues/events{/number}","events_url":"https://api.github.com/repos/angular/material2/events","assignees_url":"https://api.github.com/repos/angular/material2/assignees{/user}","branches_url":"https://api.github.com/repos/angular/material2/branches{/branch}","tags_url":"https://api.github.com/repos/angular/material2/tags","blobs_url":"https://api.github.com/repos/angular/material2/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/angular/material2/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/angular/material2/git/refs{/sha}","trees_url":"https://api.github.com/repos/angular/material2/git/trees{/sha}","statuses_url":"https://api.github.com/repos/angular/material2/statuses/{sha}","languages_url":"https://api.github.com/repos/angular/material2/languages","stargazers_url":"https://api.github.com/repos/angular/material2/stargazers","contributors_url":"https://api.github.com/repos/angular/material2/contributors","subscribers_url":"https://api.github.com/repos/angular/material2/subscribers","subscription_url":"https://api.github.com/repos/angular/material2/subscription","commits_url":"https://api.github.com/repos/angular/material2/commits{/sha}","git_commits_url":"https://api.github.com/repos/angular/material2/git/commits{/sha}","comments_url":"https://api.github.com/repos/angular/material2/comments{/number}","issue_comment_url":"https://api.github.com/repos/angular/material2/issues/comments{/number}","contents_url":"https://api.github.com/repos/angular/material2/contents/{+path}","compare_url":"https://api.github.com/repos/angular/material2/compare/{base}...{head}","merges_url":"https://api.github.com/repos/angular/material2/merges","archive_url":"https://api.github.com/repos/angular/material2/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/angular/material2/downloads","issues_url":"https://api.github.com/repos/angular/material2/issues{/number}","pulls_url":"https://api.github.com/repos/angular/material2/pulls{/number}","milestones_url":"https://api.github.com/repos/angular/material2/milestones{/number}","notifications_url":"https://api.github.com/repos/angular/material2/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/angular/material2/labels{/name}","releases_url":"https://api.github.com/repos/angular/material2/releases{/id}","deployments_url":"https://api.github.com/repos/angular/material2/deployments","created_at":"2016-01-04T18:50:02Z","updated_at":"2016-01-27T16:27:01Z","pushed_at":"2016-01-27T16:46:45Z","git_url":"git://github.com/angular/material2.git","ssh_url":"git@github.com:angular/material2.git","clone_url":"https://github.com/angular/material2.git","svn_url":"https://github.com/angular/material2","homepage":"","size":141,"stargazers_count":324,"watchers_count":324,"language":"CSS","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":26,"mirror_url":null,"open_issues_count":16,"forks":26,"open_issues":16,"watchers":324,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/angular/material2/pulls/44"},"html":{"href":"https://github.com/angular/material2/pull/44"},"issue":{"href":"https://api.github.com/repos/angular/material2/issues/44"},"comments":{"href":"https://api.github.com/repos/angular/material2/issues/44/comments"},"review_comments":{"href":"https://api.github.com/repos/angular/material2/pulls/44/comments"},"review_comment":{"href":"https://api.github.com/repos/angular/material2/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/angular/material2/pulls/44/commits"},"statuses":{"href":"https://api.github.com/repos/angular/material2/statuses/189a7156a9b0ae96c6641935fa09cf9ef3ec90e5"}}}}