{"action":"created","comment":{"url":"https://api.github.com/repos/usabilla/stylabilla/pulls/comments/133710308","pull_request_review_id":56922119,"id":133710308,"diff_hunk":"@@ -0,0 +1,107 @@\n+// Toast\n+//\n+// Basic toast. Apply and remove sb-toast--hidden to animate the toast in and out.\n+//\n+// Markup:\n+//  <div class=\"sb-toast\" role=\"alert\" tabindex=\"0\">\n+//    <div class=\"sb-toast__icon\">\n+//      <svg class=\"sb-icon sb-icon--error\" id=\"sb-icon-bin\" viewBox=\"0 0 16 16\">\n+//        <path d=\"M6.07369,13.800506 L5.5067,4.501887 C5.49899,4.287778 5.32027,4.12099 5.10764,4.12836 C4.89502,4.136506 4.72901,4.316481 4.73671,4.53059 L5.30409,13.829209 C5.31179,14.043318 5.49052,14.210493 5.70314,14.202736 C5.91576,14.19459 6.08139,14.015003 6.07369,13.800506 Z M12.23704,14.507579 C12.18504,14.883573 11.89191,15.220363 11.46667,15.220363 L4.53333,15.220363 C4.1077,15.220363 3.82151,14.887493 3.76296,14.507579 L2.99259,2.909091 L13.00741,2.909091 L12.23704,14.507579 Z M6.07407,2.327273 L6.07407,0.776145 L9.92593,0.776145 L9.92593,2.327273 L6.07407,2.327273 Z M10.6963,2.181818 L10.6963,0.727636 C10.6963,0.325818 10.35117,0 9.92593,0 L6.07407,0 C5.64844,0 5.3037,0.325818 5.3037,0.727636 L5.3037,2.181818 L0.38519,2.181818 C0.17256,2.181818 0,2.344727 0,2.545818 C0,2.746545 0.17256,2.909091 0.38519,2.909091 L2.22222,2.909091 L2.99259,14.545455 C3.11662,15.341455 3.68246,16 4.53333,16 L11.46667,16 C12.31754,16 12.86258,15.333455 13.00741,14.545455 L13.77778,2.909091 L15.61481,2.909091 C15.82744,2.909091 16,2.746545 16,2.545818 C16,2.344727 15.82744,2.181818 15.61481,2.181818 L10.6963,2.181818 Z M10.69707,13.829208 L11.25559,4.53059 C11.26329,4.316481 11.09727,4.136505 10.88465,4.12836 C10.67203,4.12099 10.4933,4.288166 10.48599,4.502275 L9.92708,13.801281 C9.91938,14.01539 10.08578,14.194978 10.29801,14.202735 C10.51102,14.210881 10.68936,14.043317 10.69707,13.829208 Z M8.38519,13.814157 L8.38519,4.505066 C8.38519,4.290569 8.21262,4.117188 8,4.117188 C7.78738,4.117188 7.61481,4.290569 7.61481,4.505066 L7.61481,13.814157 C7.61481,14.028654 7.78738,14.202036 8,14.202036 C8.21262,14.202036 8.38519,14.028654 8.38519,13.814157 Z\"></path>\n+//      </svg>\n+//    </div>\n+//    <div class=\"sb-toast__message\">\n+//      <p class=\"sb-title--s\">Toast title</p>\n+//      <p>Toast message</p>\n+//    </div>\n+//    <div class=\"sb-toast__button\" role=\"button\" tabindex=\"0\">\n+//      Close\n+//    </div>\n+//  </div>\n+//  <br/>\n+//  <br/>\n+//  <div class=\"sb-toast\" role=\"alert\" tabindex=\"0\">\n+//    <div class=\"sb-toast__icon\">\n+//      <svg class=\"sb-icon sb-icon--error\" id=\"sb-icon-bin\" viewBox=\"0 0 16 16\">\n+//        <path d=\"M6.07369,13.800506 L5.5067,4.501887 C5.49899,4.287778 5.32027,4.12099 5.10764,4.12836 C4.89502,4.136506 4.72901,4.316481 4.73671,4.53059 L5.30409,13.829209 C5.31179,14.043318 5.49052,14.210493 5.70314,14.202736 C5.91576,14.19459 6.08139,14.015003 6.07369,13.800506 Z M12.23704,14.507579 C12.18504,14.883573 11.89191,15.220363 11.46667,15.220363 L4.53333,15.220363 C4.1077,15.220363 3.82151,14.887493 3.76296,14.507579 L2.99259,2.909091 L13.00741,2.909091 L12.23704,14.507579 Z M6.07407,2.327273 L6.07407,0.776145 L9.92593,0.776145 L9.92593,2.327273 L6.07407,2.327273 Z M10.6963,2.181818 L10.6963,0.727636 C10.6963,0.325818 10.35117,0 9.92593,0 L6.07407,0 C5.64844,0 5.3037,0.325818 5.3037,0.727636 L5.3037,2.181818 L0.38519,2.181818 C0.17256,2.181818 0,2.344727 0,2.545818 C0,2.746545 0.17256,2.909091 0.38519,2.909091 L2.22222,2.909091 L2.99259,14.545455 C3.11662,15.341455 3.68246,16 4.53333,16 L11.46667,16 C12.31754,16 12.86258,15.333455 13.00741,14.545455 L13.77778,2.909091 L15.61481,2.909091 C15.82744,2.909091 16,2.746545 16,2.545818 C16,2.344727 15.82744,2.181818 15.61481,2.181818 L10.6963,2.181818 Z M10.69707,13.829208 L11.25559,4.53059 C11.26329,4.316481 11.09727,4.136505 10.88465,4.12836 C10.67203,4.12099 10.4933,4.288166 10.48599,4.502275 L9.92708,13.801281 C9.91938,14.01539 10.08578,14.194978 10.29801,14.202735 C10.51102,14.210881 10.68936,14.043317 10.69707,13.829208 Z M8.38519,13.814157 L8.38519,4.505066 C8.38519,4.290569 8.21262,4.117188 8,4.117188 C7.78738,4.117188 7.61481,4.290569 7.61481,4.505066 L7.61481,13.814157 C7.61481,14.028654 7.78738,14.202036 8,14.202036 C8.21262,14.202036 8.38519,14.028654 8.38519,13.814157 Z\"></path>\n+//      </svg>\n+//    </div>\n+//    <div class=\"sb-toast__message\">\n+//      <p class=\"sb-title--s\">Toast title</p>\n+//      <p>Toast message that is unfortunately very long and annoying because it breaks onto multiple lines like this</p>\n+//    </div>\n+//    <div class=\"sb-toast__button\" role=\"button\" tabindex=\"0\">\n+//      Close\n+//    </div>\n+//  </div>\n+//\n+// Styleguide toast\n+\n+.#{$ns}toast {\n+  display: flex;\n+  align-items: stretch;\n+  background: $sb-color-white;\n+  position: fixed;\n+  margin-left: sb-px2rems(11px);\n+  top: sb-px2rems(11px);","path":"src/components/_toast.scss","position":45,"original_position":45,"commit_id":"f9ab528e4b8fa85213b49e1729ec6ee17a793b18","original_commit_id":"f9ab528e4b8fa85213b49e1729ec6ee17a793b18","user":{"login":"keepitterron","id":593897,"avatar_url":"https://avatars0.githubusercontent.com/u/593897?v=4","gravatar_id":"","url":"https://api.github.com/users/keepitterron","html_url":"https://github.com/keepitterron","followers_url":"https://api.github.com/users/keepitterron/followers","following_url":"https://api.github.com/users/keepitterron/following{/other_user}","gists_url":"https://api.github.com/users/keepitterron/gists{/gist_id}","starred_url":"https://api.github.com/users/keepitterron/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/keepitterron/subscriptions","organizations_url":"https://api.github.com/users/keepitterron/orgs","repos_url":"https://api.github.com/users/keepitterron/repos","events_url":"https://api.github.com/users/keepitterron/events{/privacy}","received_events_url":"https://api.github.com/users/keepitterron/received_events","type":"User","site_admin":false},"body":"ah shit, you're right.\r\nmaybe we need a `toast-container` of some sort? and just append all the toasts there?","created_at":"2017-08-17T13:21:05Z","updated_at":"2017-08-17T13:21:05Z","html_url":"https://github.com/usabilla/stylabilla/pull/65#discussion_r133710308","pull_request_url":"https://api.github.com/repos/usabilla/stylabilla/pulls/65","_links":{"self":{"href":"https://api.github.com/repos/usabilla/stylabilla/pulls/comments/133710308"},"html":{"href":"https://github.com/usabilla/stylabilla/pull/65#discussion_r133710308"},"pull_request":{"href":"https://api.github.com/repos/usabilla/stylabilla/pulls/65"}}},"pull_request":{"url":"https://api.github.com/repos/usabilla/stylabilla/pulls/65","id":136053089,"html_url":"https://github.com/usabilla/stylabilla/pull/65","diff_url":"https://github.com/usabilla/stylabilla/pull/65.diff","patch_url":"https://github.com/usabilla/stylabilla/pull/65.patch","issue_url":"https://api.github.com/repos/usabilla/stylabilla/issues/65","number":65,"state":"open","locked":false,"title":"feat(toast): add toast component","user":{"login":"beerecca","id":7110446,"avatar_url":"https://avatars0.githubusercontent.com/u/7110446?v=4","gravatar_id":"","url":"https://api.github.com/users/beerecca","html_url":"https://github.com/beerecca","followers_url":"https://api.github.com/users/beerecca/followers","following_url":"https://api.github.com/users/beerecca/following{/other_user}","gists_url":"https://api.github.com/users/beerecca/gists{/gist_id}","starred_url":"https://api.github.com/users/beerecca/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/beerecca/subscriptions","organizations_url":"https://api.github.com/users/beerecca/orgs","repos_url":"https://api.github.com/users/beerecca/repos","events_url":"https://api.github.com/users/beerecca/events{/privacy}","received_events_url":"https://api.github.com/users/beerecca/received_events","type":"User","site_admin":false},"body":"@usabilla/mallard \r\n@usabilla/flamingo \r\n![screen shot 2017-08-16 at 17 21 01](https://user-images.githubusercontent.com/7110446/29370980-4e1ff16a-82a7-11e7-9668-1c1908b40c37.png)\r\n","created_at":"2017-08-16T15:21:24Z","updated_at":"2017-08-17T13:21:05Z","closed_at":null,"merged_at":null,"merge_commit_sha":"a337935a1eca70ae52d26117e05be5daeb2e0275","assignee":null,"assignees":[],"requested_reviewers":[],"milestone":null,"commits_url":"https://api.github.com/repos/usabilla/stylabilla/pulls/65/commits","review_comments_url":"https://api.github.com/repos/usabilla/stylabilla/pulls/65/comments","review_comment_url":"https://api.github.com/repos/usabilla/stylabilla/pulls/comments{/number}","comments_url":"https://api.github.com/repos/usabilla/stylabilla/issues/65/comments","statuses_url":"https://api.github.com/repos/usabilla/stylabilla/statuses/f9ab528e4b8fa85213b49e1729ec6ee17a793b18","head":{"label":"usabilla:toast","ref":"toast","sha":"f9ab528e4b8fa85213b49e1729ec6ee17a793b18","user":{"login":"usabilla","id":10025907,"avatar_url":"https://avatars2.githubusercontent.com/u/10025907?v=4","gravatar_id":"","url":"https://api.github.com/users/usabilla","html_url":"https://github.com/usabilla","followers_url":"https://api.github.com/users/usabilla/followers","following_url":"https://api.github.com/users/usabilla/following{/other_user}","gists_url":"https://api.github.com/users/usabilla/gists{/gist_id}","starred_url":"https://api.github.com/users/usabilla/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/usabilla/subscriptions","organizations_url":"https://api.github.com/users/usabilla/orgs","repos_url":"https://api.github.com/users/usabilla/repos","events_url":"https://api.github.com/users/usabilla/events{/privacy}","received_events_url":"https://api.github.com/users/usabilla/received_events","type":"Organization","site_admin":false},"repo":{"id":94882698,"name":"stylabilla","full_name":"usabilla/stylabilla","owner":{"login":"usabilla","id":10025907,"avatar_url":"https://avatars2.githubusercontent.com/u/10025907?v=4","gravatar_id":"","url":"https://api.github.com/users/usabilla","html_url":"https://github.com/usabilla","followers_url":"https://api.github.com/users/usabilla/followers","following_url":"https://api.github.com/users/usabilla/following{/other_user}","gists_url":"https://api.github.com/users/usabilla/gists{/gist_id}","starred_url":"https://api.github.com/users/usabilla/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/usabilla/subscriptions","organizations_url":"https://api.github.com/users/usabilla/orgs","repos_url":"https://api.github.com/users/usabilla/repos","events_url":"https://api.github.com/users/usabilla/events{/privacy}","received_events_url":"https://api.github.com/users/usabilla/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/usabilla/stylabilla","description":"Usabilla Styleguide","fork":false,"url":"https://api.github.com/repos/usabilla/stylabilla","forks_url":"https://api.github.com/repos/usabilla/stylabilla/forks","keys_url":"https://api.github.com/repos/usabilla/stylabilla/keys{/key_id}","collaborators_url":"https://api.github.com/repos/usabilla/stylabilla/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/usabilla/stylabilla/teams","hooks_url":"https://api.github.com/repos/usabilla/stylabilla/hooks","issue_events_url":"https://api.github.com/repos/usabilla/stylabilla/issues/events{/number}","events_url":"https://api.github.com/repos/usabilla/stylabilla/events","assignees_url":"https://api.github.com/repos/usabilla/stylabilla/assignees{/user}","branches_url":"https://api.github.com/repos/usabilla/stylabilla/branches{/branch}","tags_url":"https://api.github.com/repos/usabilla/stylabilla/tags","blobs_url":"https://api.github.com/repos/usabilla/stylabilla/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/usabilla/stylabilla/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/usabilla/stylabilla/git/refs{/sha}","trees_url":"https://api.github.com/repos/usabilla/stylabilla/git/trees{/sha}","statuses_url":"https://api.github.com/repos/usabilla/stylabilla/statuses/{sha}","languages_url":"https://api.github.com/repos/usabilla/stylabilla/languages","stargazers_url":"https://api.github.com/repos/usabilla/stylabilla/stargazers","contributors_url":"https://api.github.com/repos/usabilla/stylabilla/contributors","subscribers_url":"https://api.github.com/repos/usabilla/stylabilla/subscribers","subscription_url":"https://api.github.com/repos/usabilla/stylabilla/subscription","commits_url":"https://api.github.com/repos/usabilla/stylabilla/commits{/sha}","git_commits_url":"https://api.github.com/repos/usabilla/stylabilla/git/commits{/sha}","comments_url":"https://api.github.com/repos/usabilla/stylabilla/comments{/number}","issue_comment_url":"https://api.github.com/repos/usabilla/stylabilla/issues/comments{/number}","contents_url":"https://api.github.com/repos/usabilla/stylabilla/contents/{+path}","compare_url":"https://api.github.com/repos/usabilla/stylabilla/compare/{base}...{head}","merges_url":"https://api.github.com/repos/usabilla/stylabilla/merges","archive_url":"https://api.github.com/repos/usabilla/stylabilla/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/usabilla/stylabilla/downloads","issues_url":"https://api.github.com/repos/usabilla/stylabilla/issues{/number}","pulls_url":"https://api.github.com/repos/usabilla/stylabilla/pulls{/number}","milestones_url":"https://api.github.com/repos/usabilla/stylabilla/milestones{/number}","notifications_url":"https://api.github.com/repos/usabilla/stylabilla/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/usabilla/stylabilla/labels{/name}","releases_url":"https://api.github.com/repos/usabilla/stylabilla/releases{/id}","deployments_url":"https://api.github.com/repos/usabilla/stylabilla/deployments","created_at":"2017-06-20T11:12:09Z","updated_at":"2017-08-02T13:15:51Z","pushed_at":"2017-08-17T13:17:33Z","git_url":"git://github.com/usabilla/stylabilla.git","ssh_url":"git@github.com:usabilla/stylabilla.git","clone_url":"https://github.com/usabilla/stylabilla.git","svn_url":"https://github.com/usabilla/stylabilla","homepage":null,"size":562,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":4,"forks":0,"open_issues":4,"watchers":0,"default_branch":"master"}},"base":{"label":"usabilla:master","ref":"master","sha":"c94669f6f5249af2b9b4bf4ffdad85d466415abc","user":{"login":"usabilla","id":10025907,"avatar_url":"https://avatars2.githubusercontent.com/u/10025907?v=4","gravatar_id":"","url":"https://api.github.com/users/usabilla","html_url":"https://github.com/usabilla","followers_url":"https://api.github.com/users/usabilla/followers","following_url":"https://api.github.com/users/usabilla/following{/other_user}","gists_url":"https://api.github.com/users/usabilla/gists{/gist_id}","starred_url":"https://api.github.com/users/usabilla/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/usabilla/subscriptions","organizations_url":"https://api.github.com/users/usabilla/orgs","repos_url":"https://api.github.com/users/usabilla/repos","events_url":"https://api.github.com/users/usabilla/events{/privacy}","received_events_url":"https://api.github.com/users/usabilla/received_events","type":"Organization","site_admin":false},"repo":{"id":94882698,"name":"stylabilla","full_name":"usabilla/stylabilla","owner":{"login":"usabilla","id":10025907,"avatar_url":"https://avatars2.githubusercontent.com/u/10025907?v=4","gravatar_id":"","url":"https://api.github.com/users/usabilla","html_url":"https://github.com/usabilla","followers_url":"https://api.github.com/users/usabilla/followers","following_url":"https://api.github.com/users/usabilla/following{/other_user}","gists_url":"https://api.github.com/users/usabilla/gists{/gist_id}","starred_url":"https://api.github.com/users/usabilla/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/usabilla/subscriptions","organizations_url":"https://api.github.com/users/usabilla/orgs","repos_url":"https://api.github.com/users/usabilla/repos","events_url":"https://api.github.com/users/usabilla/events{/privacy}","received_events_url":"https://api.github.com/users/usabilla/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/usabilla/stylabilla","description":"Usabilla Styleguide","fork":false,"url":"https://api.github.com/repos/usabilla/stylabilla","forks_url":"https://api.github.com/repos/usabilla/stylabilla/forks","keys_url":"https://api.github.com/repos/usabilla/stylabilla/keys{/key_id}","collaborators_url":"https://api.github.com/repos/usabilla/stylabilla/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/usabilla/stylabilla/teams","hooks_url":"https://api.github.com/repos/usabilla/stylabilla/hooks","issue_events_url":"https://api.github.com/repos/usabilla/stylabilla/issues/events{/number}","events_url":"https://api.github.com/repos/usabilla/stylabilla/events","assignees_url":"https://api.github.com/repos/usabilla/stylabilla/assignees{/user}","branches_url":"https://api.github.com/repos/usabilla/stylabilla/branches{/branch}","tags_url":"https://api.github.com/repos/usabilla/stylabilla/tags","blobs_url":"https://api.github.com/repos/usabilla/stylabilla/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/usabilla/stylabilla/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/usabilla/stylabilla/git/refs{/sha}","trees_url":"https://api.github.com/repos/usabilla/stylabilla/git/trees{/sha}","statuses_url":"https://api.github.com/repos/usabilla/stylabilla/statuses/{sha}","languages_url":"https://api.github.com/repos/usabilla/stylabilla/languages","stargazers_url":"https://api.github.com/repos/usabilla/stylabilla/stargazers","contributors_url":"https://api.github.com/repos/usabilla/stylabilla/contributors","subscribers_url":"https://api.github.com/repos/usabilla/stylabilla/subscribers","subscription_url":"https://api.github.com/repos/usabilla/stylabilla/subscription","commits_url":"https://api.github.com/repos/usabilla/stylabilla/commits{/sha}","git_commits_url":"https://api.github.com/repos/usabilla/stylabilla/git/commits{/sha}","comments_url":"https://api.github.com/repos/usabilla/stylabilla/comments{/number}","issue_comment_url":"https://api.github.com/repos/usabilla/stylabilla/issues/comments{/number}","contents_url":"https://api.github.com/repos/usabilla/stylabilla/contents/{+path}","compare_url":"https://api.github.com/repos/usabilla/stylabilla/compare/{base}...{head}","merges_url":"https://api.github.com/repos/usabilla/stylabilla/merges","archive_url":"https://api.github.com/repos/usabilla/stylabilla/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/usabilla/stylabilla/downloads","issues_url":"https://api.github.com/repos/usabilla/stylabilla/issues{/number}","pulls_url":"https://api.github.com/repos/usabilla/stylabilla/pulls{/number}","milestones_url":"https://api.github.com/repos/usabilla/stylabilla/milestones{/number}","notifications_url":"https://api.github.com/repos/usabilla/stylabilla/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/usabilla/stylabilla/labels{/name}","releases_url":"https://api.github.com/repos/usabilla/stylabilla/releases{/id}","deployments_url":"https://api.github.com/repos/usabilla/stylabilla/deployments","created_at":"2017-06-20T11:12:09Z","updated_at":"2017-08-02T13:15:51Z","pushed_at":"2017-08-17T13:17:33Z","git_url":"git://github.com/usabilla/stylabilla.git","ssh_url":"git@github.com:usabilla/stylabilla.git","clone_url":"https://github.com/usabilla/stylabilla.git","svn_url":"https://github.com/usabilla/stylabilla","homepage":null,"size":562,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":4,"forks":0,"open_issues":4,"watchers":0,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/usabilla/stylabilla/pulls/65"},"html":{"href":"https://github.com/usabilla/stylabilla/pull/65"},"issue":{"href":"https://api.github.com/repos/usabilla/stylabilla/issues/65"},"comments":{"href":"https://api.github.com/repos/usabilla/stylabilla/issues/65/comments"},"review_comments":{"href":"https://api.github.com/repos/usabilla/stylabilla/pulls/65/comments"},"review_comment":{"href":"https://api.github.com/repos/usabilla/stylabilla/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/usabilla/stylabilla/pulls/65/commits"},"statuses":{"href":"https://api.github.com/repos/usabilla/stylabilla/statuses/f9ab528e4b8fa85213b49e1729ec6ee17a793b18"}}}}
{"actor":{"display_login":"keepitterron"}}