{"action":"created","comment":{"url":"https://api.github.com/repos/rangle/angular-redux-starter/pulls/comments/56517458","id":56517458,"diff_hunk":"@@ -0,0 +1,29 @@\n+export class Logo {\n+  static selector = 'rioLogo';\n+\n+  static directiveFactory: ng.IDirectiveFactory = () => {\n+    return {\n+      restrict: 'E',\n+      scope: {},\n+      controllerAs: 'ctrl',\n+      bindToController: true,\n+      controller: Logo,\n+      template: `\n+        <img\n+          class=\"logo\"\n+          ng-src=\"{{ctrl.logoImage}}\"\n+          ng-style=\"ctrl.logoStyle\"\n+          alt=\"Rangle.io\"\n+        />\n+      `\n+    };\n+  };\n+\n+  constructor() {\n+  }\n+\n+  private logoImage = require('../../assets/rangleio-logo.svg');\n+  private logoStyle: Object = {\n+    width: '128px'","path":"src/components/logo/index.ts","position":23,"original_position":27,"commit_id":"96dd38770e485d637076012592cff333de2c2bef","original_commit_id":"f312a5c4835987e645781c2600005efd6d2aee63","user":{"login":"SethDavenport","id":4614141,"avatar_url":"https://avatars.githubusercontent.com/u/4614141?v=3","gravatar_id":"","url":"https://api.github.com/users/SethDavenport","html_url":"https://github.com/SethDavenport","followers_url":"https://api.github.com/users/SethDavenport/followers","following_url":"https://api.github.com/users/SethDavenport/following{/other_user}","gists_url":"https://api.github.com/users/SethDavenport/gists{/gist_id}","starred_url":"https://api.github.com/users/SethDavenport/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/SethDavenport/subscriptions","organizations_url":"https://api.github.com/users/SethDavenport/orgs","repos_url":"https://api.github.com/users/SethDavenport/repos","events_url":"https://api.github.com/users/SethDavenport/events{/privacy}","received_events_url":"https://api.github.com/users/SethDavenport/received_events","type":"User","site_admin":false},"body":"So as an example, for the modal component you might do something like:\r\n\r\n```css\r\n.modal__mask {\r\n  background-color: rgba(0, 0, 0, 0.25);\r\n  transition: visibility 250ms, opacity 250ms;\r\n\r\n  &--visible {\r\n    visibility: visible;\r\n    opacity: 1;\r\n    z-index: 999;\r\n  }\r\n\r\n  &--hidden {\r\n    visibility: hidden;\r\n    opacity: 0;\r\n    z-index: 0;\r\n  }\r\n}\r\n\r\n.modal__content {\r\n  width: 25%;\r\n  margin: 4rem auto;\r\n}\r\n```\r\n\r\nWhere `modal` is the block, `mask` and `content` are elements, and `hidden` and `visible` are modifiers.","created_at":"2016-03-17T14:56:56Z","updated_at":"2016-03-17T14:56:56Z","html_url":"https://github.com/rangle/angular-redux-starter/pull/54#discussion_r56517458","pull_request_url":"https://api.github.com/repos/rangle/angular-redux-starter/pulls/54","_links":{"self":{"href":"https://api.github.com/repos/rangle/angular-redux-starter/pulls/comments/56517458"},"html":{"href":"https://github.com/rangle/angular-redux-starter/pull/54#discussion_r56517458"},"pull_request":{"href":"https://api.github.com/repos/rangle/angular-redux-starter/pulls/54"}}},"pull_request":{"url":"https://api.github.com/repos/rangle/angular-redux-starter/pulls/54","id":63150338,"html_url":"https://github.com/rangle/angular-redux-starter/pull/54","diff_url":"https://github.com/rangle/angular-redux-starter/pull/54.diff","patch_url":"https://github.com/rangle/angular-redux-starter/pull/54.patch","issue_url":"https://api.github.com/repos/rangle/angular-redux-starter/issues/54","number":54,"state":"open","locked":false,"title":"Routing, nav, counter and about page UI components","user":{"login":"mattmcfad","id":1383030,"avatar_url":"https://avatars.githubusercontent.com/u/1383030?v=3","gravatar_id":"","url":"https://api.github.com/users/mattmcfad","html_url":"https://github.com/mattmcfad","followers_url":"https://api.github.com/users/mattmcfad/followers","following_url":"https://api.github.com/users/mattmcfad/following{/other_user}","gists_url":"https://api.github.com/users/mattmcfad/gists{/gist_id}","starred_url":"https://api.github.com/users/mattmcfad/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mattmcfad/subscriptions","organizations_url":"https://api.github.com/users/mattmcfad/orgs","repos_url":"https://api.github.com/users/mattmcfad/repos","events_url":"https://api.github.com/users/mattmcfad/events{/privacy}","received_events_url":"https://api.github.com/users/mattmcfad/received_events","type":"User","site_admin":false},"body":"* added routing\r\n* added navigator, navigator-item, button, logo, and refactored counter Components,\r\n* added about page and app containers and moved logic from old counter into counter page\r\n* namespaced components to rio\r\n* Added styling\r\n* Issue with to-string loader, needed to revert css loader back to style-loader as no stylesheet was being loaded.","created_at":"2016-03-16T23:08:01Z","updated_at":"2016-03-17T14:56:56Z","closed_at":null,"merged_at":null,"merge_commit_sha":"b7ded38f0ed4fb71809572daa4b740edde7dcedd","assignee":null,"milestone":null,"commits_url":"https://api.github.com/repos/rangle/angular-redux-starter/pulls/54/commits","review_comments_url":"https://api.github.com/repos/rangle/angular-redux-starter/pulls/54/comments","review_comment_url":"https://api.github.com/repos/rangle/angular-redux-starter/pulls/comments{/number}","comments_url":"https://api.github.com/repos/rangle/angular-redux-starter/issues/54/comments","statuses_url":"https://api.github.com/repos/rangle/angular-redux-starter/statuses/96dd38770e485d637076012592cff333de2c2bef","head":{"label":"mattmcfad:harmonize-ng-starter","ref":"harmonize-ng-starter","sha":"96dd38770e485d637076012592cff333de2c2bef","user":{"login":"mattmcfad","id":1383030,"avatar_url":"https://avatars.githubusercontent.com/u/1383030?v=3","gravatar_id":"","url":"https://api.github.com/users/mattmcfad","html_url":"https://github.com/mattmcfad","followers_url":"https://api.github.com/users/mattmcfad/followers","following_url":"https://api.github.com/users/mattmcfad/following{/other_user}","gists_url":"https://api.github.com/users/mattmcfad/gists{/gist_id}","starred_url":"https://api.github.com/users/mattmcfad/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mattmcfad/subscriptions","organizations_url":"https://api.github.com/users/mattmcfad/orgs","repos_url":"https://api.github.com/users/mattmcfad/repos","events_url":"https://api.github.com/users/mattmcfad/events{/privacy}","received_events_url":"https://api.github.com/users/mattmcfad/received_events","type":"User","site_admin":false},"repo":{"id":52887628,"name":"angular-redux-starter","full_name":"mattmcfad/angular-redux-starter","owner":{"login":"mattmcfad","id":1383030,"avatar_url":"https://avatars.githubusercontent.com/u/1383030?v=3","gravatar_id":"","url":"https://api.github.com/users/mattmcfad","html_url":"https://github.com/mattmcfad","followers_url":"https://api.github.com/users/mattmcfad/followers","following_url":"https://api.github.com/users/mattmcfad/following{/other_user}","gists_url":"https://api.github.com/users/mattmcfad/gists{/gist_id}","starred_url":"https://api.github.com/users/mattmcfad/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mattmcfad/subscriptions","organizations_url":"https://api.github.com/users/mattmcfad/orgs","repos_url":"https://api.github.com/users/mattmcfad/repos","events_url":"https://api.github.com/users/mattmcfad/events{/privacy}","received_events_url":"https://api.github.com/users/mattmcfad/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/mattmcfad/angular-redux-starter","description":"Rangle's Angular/TypeScript/Webpack Starter Project","fork":true,"url":"https://api.github.com/repos/mattmcfad/angular-redux-starter","forks_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/forks","keys_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/keys{/key_id}","collaborators_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/teams","hooks_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/hooks","issue_events_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/issues/events{/number}","events_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/events","assignees_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/assignees{/user}","branches_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/branches{/branch}","tags_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/tags","blobs_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/git/refs{/sha}","trees_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/git/trees{/sha}","statuses_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/statuses/{sha}","languages_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/languages","stargazers_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/stargazers","contributors_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/contributors","subscribers_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/subscribers","subscription_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/subscription","commits_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/commits{/sha}","git_commits_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/git/commits{/sha}","comments_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/comments{/number}","issue_comment_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/issues/comments{/number}","contents_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/contents/{+path}","compare_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/compare/{base}...{head}","merges_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/merges","archive_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/downloads","issues_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/issues{/number}","pulls_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/pulls{/number}","milestones_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/milestones{/number}","notifications_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/labels{/name}","releases_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/releases{/id}","deployments_url":"https://api.github.com/repos/mattmcfad/angular-redux-starter/deployments","created_at":"2016-03-01T15:31:33Z","updated_at":"2016-03-01T15:31:34Z","pushed_at":"2016-03-17T14:41:57Z","git_url":"git://github.com/mattmcfad/angular-redux-starter.git","ssh_url":"git@github.com:mattmcfad/angular-redux-starter.git","clone_url":"https://github.com/mattmcfad/angular-redux-starter.git","svn_url":"https://github.com/mattmcfad/angular-redux-starter","homepage":null,"size":80,"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":"rangle:master","ref":"master","sha":"b4665281b45d9c50eb75b9c805807c7339d7948b","user":{"login":"rangle","id":4304982,"avatar_url":"https://avatars.githubusercontent.com/u/4304982?v=3","gravatar_id":"","url":"https://api.github.com/users/rangle","html_url":"https://github.com/rangle","followers_url":"https://api.github.com/users/rangle/followers","following_url":"https://api.github.com/users/rangle/following{/other_user}","gists_url":"https://api.github.com/users/rangle/gists{/gist_id}","starred_url":"https://api.github.com/users/rangle/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rangle/subscriptions","organizations_url":"https://api.github.com/users/rangle/orgs","repos_url":"https://api.github.com/users/rangle/repos","events_url":"https://api.github.com/users/rangle/events{/privacy}","received_events_url":"https://api.github.com/users/rangle/received_events","type":"Organization","site_admin":false},"repo":{"id":46129075,"name":"angular-redux-starter","full_name":"rangle/angular-redux-starter","owner":{"login":"rangle","id":4304982,"avatar_url":"https://avatars.githubusercontent.com/u/4304982?v=3","gravatar_id":"","url":"https://api.github.com/users/rangle","html_url":"https://github.com/rangle","followers_url":"https://api.github.com/users/rangle/followers","following_url":"https://api.github.com/users/rangle/following{/other_user}","gists_url":"https://api.github.com/users/rangle/gists{/gist_id}","starred_url":"https://api.github.com/users/rangle/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rangle/subscriptions","organizations_url":"https://api.github.com/users/rangle/orgs","repos_url":"https://api.github.com/users/rangle/repos","events_url":"https://api.github.com/users/rangle/events{/privacy}","received_events_url":"https://api.github.com/users/rangle/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/rangle/angular-redux-starter","description":"Rangle's Angular/TypeScript/Webpack Starter Project","fork":false,"url":"https://api.github.com/repos/rangle/angular-redux-starter","forks_url":"https://api.github.com/repos/rangle/angular-redux-starter/forks","keys_url":"https://api.github.com/repos/rangle/angular-redux-starter/keys{/key_id}","collaborators_url":"https://api.github.com/repos/rangle/angular-redux-starter/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/rangle/angular-redux-starter/teams","hooks_url":"https://api.github.com/repos/rangle/angular-redux-starter/hooks","issue_events_url":"https://api.github.com/repos/rangle/angular-redux-starter/issues/events{/number}","events_url":"https://api.github.com/repos/rangle/angular-redux-starter/events","assignees_url":"https://api.github.com/repos/rangle/angular-redux-starter/assignees{/user}","branches_url":"https://api.github.com/repos/rangle/angular-redux-starter/branches{/branch}","tags_url":"https://api.github.com/repos/rangle/angular-redux-starter/tags","blobs_url":"https://api.github.com/repos/rangle/angular-redux-starter/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/rangle/angular-redux-starter/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/rangle/angular-redux-starter/git/refs{/sha}","trees_url":"https://api.github.com/repos/rangle/angular-redux-starter/git/trees{/sha}","statuses_url":"https://api.github.com/repos/rangle/angular-redux-starter/statuses/{sha}","languages_url":"https://api.github.com/repos/rangle/angular-redux-starter/languages","stargazers_url":"https://api.github.com/repos/rangle/angular-redux-starter/stargazers","contributors_url":"https://api.github.com/repos/rangle/angular-redux-starter/contributors","subscribers_url":"https://api.github.com/repos/rangle/angular-redux-starter/subscribers","subscription_url":"https://api.github.com/repos/rangle/angular-redux-starter/subscription","commits_url":"https://api.github.com/repos/rangle/angular-redux-starter/commits{/sha}","git_commits_url":"https://api.github.com/repos/rangle/angular-redux-starter/git/commits{/sha}","comments_url":"https://api.github.com/repos/rangle/angular-redux-starter/comments{/number}","issue_comment_url":"https://api.github.com/repos/rangle/angular-redux-starter/issues/comments{/number}","contents_url":"https://api.github.com/repos/rangle/angular-redux-starter/contents/{+path}","compare_url":"https://api.github.com/repos/rangle/angular-redux-starter/compare/{base}...{head}","merges_url":"https://api.github.com/repos/rangle/angular-redux-starter/merges","archive_url":"https://api.github.com/repos/rangle/angular-redux-starter/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/rangle/angular-redux-starter/downloads","issues_url":"https://api.github.com/repos/rangle/angular-redux-starter/issues{/number}","pulls_url":"https://api.github.com/repos/rangle/angular-redux-starter/pulls{/number}","milestones_url":"https://api.github.com/repos/rangle/angular-redux-starter/milestones{/number}","notifications_url":"https://api.github.com/repos/rangle/angular-redux-starter/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/rangle/angular-redux-starter/labels{/name}","releases_url":"https://api.github.com/repos/rangle/angular-redux-starter/releases{/id}","deployments_url":"https://api.github.com/repos/rangle/angular-redux-starter/deployments","created_at":"2015-11-13T15:13:31Z","updated_at":"2016-03-16T19:05:05Z","pushed_at":"2016-03-17T14:41:58Z","git_url":"git://github.com/rangle/angular-redux-starter.git","ssh_url":"git@github.com:rangle/angular-redux-starter.git","clone_url":"https://github.com/rangle/angular-redux-starter.git","svn_url":"https://github.com/rangle/angular-redux-starter","homepage":null,"size":83,"stargazers_count":10,"watchers_count":10,"language":"JavaScript","has_issues":false,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":14,"mirror_url":null,"open_issues_count":1,"forks":14,"open_issues":1,"watchers":10,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/rangle/angular-redux-starter/pulls/54"},"html":{"href":"https://github.com/rangle/angular-redux-starter/pull/54"},"issue":{"href":"https://api.github.com/repos/rangle/angular-redux-starter/issues/54"},"comments":{"href":"https://api.github.com/repos/rangle/angular-redux-starter/issues/54/comments"},"review_comments":{"href":"https://api.github.com/repos/rangle/angular-redux-starter/pulls/54/comments"},"review_comment":{"href":"https://api.github.com/repos/rangle/angular-redux-starter/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/rangle/angular-redux-starter/pulls/54/commits"},"statuses":{"href":"https://api.github.com/repos/rangle/angular-redux-starter/statuses/96dd38770e485d637076012592cff333de2c2bef"}}}}