{"action":"created","comment":{"url":"https://api.github.com/repos/Polymer/core-toolbar/pulls/comments/26268954","id":26268954,"diff_hunk":"@@ -59,19 +59,114 @@\n \n <dom-module id=\"core-toolbar\">\n \n-  <link rel=\"stylesheet\" href=\"core-toolbar.css\">\n+  <style>\n+    :host {\n+      /* technical */\n+      display: block;\n+      position: relative;\n+      box-sizing: border-box;\n+      -moz-box-sizing: border-box;\n+\n+      /* size */\n+      min-height: 64px;\n+\n+      /* typography */\n+      font-size: 1.3em;\n+\n+      /* background */\n+      background-color: #CFD8DC;\n+    }\n+\n+    :host(.animate) {\n+      /* transition */\n+      transition: height 0.18s ease-in;\n+    }\n+\n+    :host(.medium-tall) {\n+      height: 128px;\n+    }\n+\n+    :host(.tall) {\n+      height: 192px;\n+    }\n+\n+    .toolbar-tools {\n+      position: relative;\n+      height: 64px;\n+      padding: 0 16px;\n+      pointer-events: none;\n+    }\n+\n+    /*\n+     * TODO: Where should media query breakpoints live so they can be shared between elements?\n+     */\n+\n+    @media (max-width: 639px) {\n+      :host {\n+        height: 56px;\n+      }\n+\n+      :host(.medium-tall) {\n+        height: 112px;\n+      }\n+\n+      :host(.tall) {\n+        height: 168px;\n+      }\n+\n+      .toolbar-tools {\n+        height: 56px;\n+        padding: 0;\n+      }\n+    }\n+\n+    /* middle bar */\n+    #middleBar {\n+      position: absolute;\n+      top: 0;\n+      right: 0;\n+      left: 0;\n+    }\n+\n+    :host(.tall) #middleBar,\n+    :host(.medium-tall) #middleBar {\n+      -webkit-transform: translateY(100%);\n+      transform: translateY(100%);\n+    }\n+\n+    /* bottom bar */\n+    #bottomBar {\n+      position: absolute;\n+      right: 0;\n+      bottom: 0;\n+      left: 0;\n+    }\n+\n+    /*\n+     * make elements (e.g. buttons) respond to mouse/touch events\n+     *\n+     * `.toolbar-tools` disables touch events so multiple toolbars can stack and not\n+     * absorb events. All children must have pointer events re-enabled to work as\n+     * expected.\n+     */\n+    .toolbar-tools > *:not([disabled]),\n+    ::content > *:not([disabled]) {","path":"core-toolbar.html","position":96,"original_position":96,"commit_id":"6d6918bb2be6e07551fcd53d4b86f6db64940170","original_commit_id":"6d6918bb2be6e07551fcd53d4b86f6db64940170","user":{"login":"ssorallen","id":29612,"avatar_url":"https://avatars.githubusercontent.com/u/29612?v=3","gravatar_id":"","url":"https://api.github.com/users/ssorallen","html_url":"https://github.com/ssorallen","followers_url":"https://api.github.com/users/ssorallen/followers","following_url":"https://api.github.com/users/ssorallen/following{/other_user}","gists_url":"https://api.github.com/users/ssorallen/gists{/gist_id}","starred_url":"https://api.github.com/users/ssorallen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ssorallen/subscriptions","organizations_url":"https://api.github.com/users/ssorallen/orgs","repos_url":"https://api.github.com/users/ssorallen/repos","events_url":"https://api.github.com/users/ssorallen/events{/privacy}","received_events_url":"https://api.github.com/users/ssorallen/received_events","type":"User","site_admin":false},"body":"Aha thanks for that. This is the point you mentioned yesterday about wrapping `<content>` in another container.","created_at":"2015-03-12T00:16:09Z","updated_at":"2015-03-12T00:16:09Z","html_url":"https://github.com/Polymer/core-toolbar/pull/26#discussion_r26268954","pull_request_url":"https://api.github.com/repos/Polymer/core-toolbar/pulls/26","_links":{"self":{"href":"https://api.github.com/repos/Polymer/core-toolbar/pulls/comments/26268954"},"html":{"href":"https://github.com/Polymer/core-toolbar/pull/26#discussion_r26268954"},"pull_request":{"href":"https://api.github.com/repos/Polymer/core-toolbar/pulls/26"}}},"pull_request":{"url":"https://api.github.com/repos/Polymer/core-toolbar/pulls/26","id":30986415,"html_url":"https://github.com/Polymer/core-toolbar/pull/26","diff_url":"https://github.com/Polymer/core-toolbar/pull/26.diff","patch_url":"https://github.com/Polymer/core-toolbar/pull/26.patch","issue_url":"https://api.github.com/repos/Polymer/core-toolbar/issues/26","number":26,"state":"open","locked":false,"title":"Shadow Style","user":{"login":"ssorallen","id":29612,"avatar_url":"https://avatars.githubusercontent.com/u/29612?v=3","gravatar_id":"","url":"https://api.github.com/users/ssorallen","html_url":"https://github.com/ssorallen","followers_url":"https://api.github.com/users/ssorallen/followers","following_url":"https://api.github.com/users/ssorallen/following{/other_user}","gists_url":"https://api.github.com/users/ssorallen/gists{/gist_id}","starred_url":"https://api.github.com/users/ssorallen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ssorallen/subscriptions","organizations_url":"https://api.github.com/users/ssorallen/orgs","repos_url":"https://api.github.com/users/ssorallen/repos","events_url":"https://api.github.com/users/ssorallen/events{/privacy}","received_events_url":"https://api.github.com/users/ssorallen/received_events","type":"User","site_admin":false},"body":"Move styles inline to work in shadow DOM\r\n\r\n* Remove tag name selector where scoping is no longer needed\r\n* Replace tag name selector with `:host` when selecting based on host\r\n  class name\r\n\r\nAlso...\r\n\r\n* Add content to `<button>` elements to prevent them from collapsing in\r\n  Firefox","created_at":"2015-03-11T21:20:59Z","updated_at":"2015-03-12T00:16:09Z","closed_at":null,"merged_at":null,"merge_commit_sha":"084ed9f0c699edc399bf9b83e1231030536670d5","assignee":{"login":"morethanreal","id":1202776,"avatar_url":"https://avatars.githubusercontent.com/u/1202776?v=3","gravatar_id":"","url":"https://api.github.com/users/morethanreal","html_url":"https://github.com/morethanreal","followers_url":"https://api.github.com/users/morethanreal/followers","following_url":"https://api.github.com/users/morethanreal/following{/other_user}","gists_url":"https://api.github.com/users/morethanreal/gists{/gist_id}","starred_url":"https://api.github.com/users/morethanreal/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/morethanreal/subscriptions","organizations_url":"https://api.github.com/users/morethanreal/orgs","repos_url":"https://api.github.com/users/morethanreal/repos","events_url":"https://api.github.com/users/morethanreal/events{/privacy}","received_events_url":"https://api.github.com/users/morethanreal/received_events","type":"User","site_admin":false},"milestone":null,"commits_url":"https://api.github.com/repos/Polymer/core-toolbar/pulls/26/commits","review_comments_url":"https://api.github.com/repos/Polymer/core-toolbar/pulls/26/comments","review_comment_url":"https://api.github.com/repos/Polymer/core-toolbar/pulls/comments{/number}","comments_url":"https://api.github.com/repos/Polymer/core-toolbar/issues/26/comments","statuses_url":"https://api.github.com/repos/Polymer/core-toolbar/statuses/6d6918bb2be6e07551fcd53d4b86f6db64940170","head":{"label":"Polymer:shadow-style","ref":"shadow-style","sha":"6d6918bb2be6e07551fcd53d4b86f6db64940170","user":{"login":"Polymer","id":2159051,"avatar_url":"https://avatars.githubusercontent.com/u/2159051?v=3","gravatar_id":"","url":"https://api.github.com/users/Polymer","html_url":"https://github.com/Polymer","followers_url":"https://api.github.com/users/Polymer/followers","following_url":"https://api.github.com/users/Polymer/following{/other_user}","gists_url":"https://api.github.com/users/Polymer/gists{/gist_id}","starred_url":"https://api.github.com/users/Polymer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Polymer/subscriptions","organizations_url":"https://api.github.com/users/Polymer/orgs","repos_url":"https://api.github.com/users/Polymer/repos","events_url":"https://api.github.com/users/Polymer/events{/privacy}","received_events_url":"https://api.github.com/users/Polymer/received_events","type":"Organization","site_admin":false},"repo":{"id":18499121,"name":"core-toolbar","full_name":"Polymer/core-toolbar","owner":{"login":"Polymer","id":2159051,"avatar_url":"https://avatars.githubusercontent.com/u/2159051?v=3","gravatar_id":"","url":"https://api.github.com/users/Polymer","html_url":"https://github.com/Polymer","followers_url":"https://api.github.com/users/Polymer/followers","following_url":"https://api.github.com/users/Polymer/following{/other_user}","gists_url":"https://api.github.com/users/Polymer/gists{/gist_id}","starred_url":"https://api.github.com/users/Polymer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Polymer/subscriptions","organizations_url":"https://api.github.com/users/Polymer/orgs","repos_url":"https://api.github.com/users/Polymer/repos","events_url":"https://api.github.com/users/Polymer/events{/privacy}","received_events_url":"https://api.github.com/users/Polymer/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/Polymer/core-toolbar","description":"Basic toolbar","fork":false,"url":"https://api.github.com/repos/Polymer/core-toolbar","forks_url":"https://api.github.com/repos/Polymer/core-toolbar/forks","keys_url":"https://api.github.com/repos/Polymer/core-toolbar/keys{/key_id}","collaborators_url":"https://api.github.com/repos/Polymer/core-toolbar/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/Polymer/core-toolbar/teams","hooks_url":"https://api.github.com/repos/Polymer/core-toolbar/hooks","issue_events_url":"https://api.github.com/repos/Polymer/core-toolbar/issues/events{/number}","events_url":"https://api.github.com/repos/Polymer/core-toolbar/events","assignees_url":"https://api.github.com/repos/Polymer/core-toolbar/assignees{/user}","branches_url":"https://api.github.com/repos/Polymer/core-toolbar/branches{/branch}","tags_url":"https://api.github.com/repos/Polymer/core-toolbar/tags","blobs_url":"https://api.github.com/repos/Polymer/core-toolbar/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/Polymer/core-toolbar/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/Polymer/core-toolbar/git/refs{/sha}","trees_url":"https://api.github.com/repos/Polymer/core-toolbar/git/trees{/sha}","statuses_url":"https://api.github.com/repos/Polymer/core-toolbar/statuses/{sha}","languages_url":"https://api.github.com/repos/Polymer/core-toolbar/languages","stargazers_url":"https://api.github.com/repos/Polymer/core-toolbar/stargazers","contributors_url":"https://api.github.com/repos/Polymer/core-toolbar/contributors","subscribers_url":"https://api.github.com/repos/Polymer/core-toolbar/subscribers","subscription_url":"https://api.github.com/repos/Polymer/core-toolbar/subscription","commits_url":"https://api.github.com/repos/Polymer/core-toolbar/commits{/sha}","git_commits_url":"https://api.github.com/repos/Polymer/core-toolbar/git/commits{/sha}","comments_url":"https://api.github.com/repos/Polymer/core-toolbar/comments{/number}","issue_comment_url":"https://api.github.com/repos/Polymer/core-toolbar/issues/comments{/number}","contents_url":"https://api.github.com/repos/Polymer/core-toolbar/contents/{+path}","compare_url":"https://api.github.com/repos/Polymer/core-toolbar/compare/{base}...{head}","merges_url":"https://api.github.com/repos/Polymer/core-toolbar/merges","archive_url":"https://api.github.com/repos/Polymer/core-toolbar/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/Polymer/core-toolbar/downloads","issues_url":"https://api.github.com/repos/Polymer/core-toolbar/issues{/number}","pulls_url":"https://api.github.com/repos/Polymer/core-toolbar/pulls{/number}","milestones_url":"https://api.github.com/repos/Polymer/core-toolbar/milestones{/number}","notifications_url":"https://api.github.com/repos/Polymer/core-toolbar/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/Polymer/core-toolbar/labels{/name}","releases_url":"https://api.github.com/repos/Polymer/core-toolbar/releases{/id}","created_at":"2014-04-06T20:56:22Z","updated_at":"2015-01-03T08:56:02Z","pushed_at":"2015-03-11T21:20:13Z","git_url":"git://github.com/Polymer/core-toolbar.git","ssh_url":"git@github.com:Polymer/core-toolbar.git","clone_url":"https://github.com/Polymer/core-toolbar.git","svn_url":"https://github.com/Polymer/core-toolbar","homepage":null,"size":1511,"stargazers_count":5,"watchers_count":5,"language":"CSS","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":7,"mirror_url":null,"open_issues_count":7,"forks":7,"open_issues":7,"watchers":5,"default_branch":"master"}},"base":{"label":"Polymer:0.8-preview","ref":"0.8-preview","sha":"c94cd18e65e2a9377939ff1e17152ee6c4846534","user":{"login":"Polymer","id":2159051,"avatar_url":"https://avatars.githubusercontent.com/u/2159051?v=3","gravatar_id":"","url":"https://api.github.com/users/Polymer","html_url":"https://github.com/Polymer","followers_url":"https://api.github.com/users/Polymer/followers","following_url":"https://api.github.com/users/Polymer/following{/other_user}","gists_url":"https://api.github.com/users/Polymer/gists{/gist_id}","starred_url":"https://api.github.com/users/Polymer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Polymer/subscriptions","organizations_url":"https://api.github.com/users/Polymer/orgs","repos_url":"https://api.github.com/users/Polymer/repos","events_url":"https://api.github.com/users/Polymer/events{/privacy}","received_events_url":"https://api.github.com/users/Polymer/received_events","type":"Organization","site_admin":false},"repo":{"id":18499121,"name":"core-toolbar","full_name":"Polymer/core-toolbar","owner":{"login":"Polymer","id":2159051,"avatar_url":"https://avatars.githubusercontent.com/u/2159051?v=3","gravatar_id":"","url":"https://api.github.com/users/Polymer","html_url":"https://github.com/Polymer","followers_url":"https://api.github.com/users/Polymer/followers","following_url":"https://api.github.com/users/Polymer/following{/other_user}","gists_url":"https://api.github.com/users/Polymer/gists{/gist_id}","starred_url":"https://api.github.com/users/Polymer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Polymer/subscriptions","organizations_url":"https://api.github.com/users/Polymer/orgs","repos_url":"https://api.github.com/users/Polymer/repos","events_url":"https://api.github.com/users/Polymer/events{/privacy}","received_events_url":"https://api.github.com/users/Polymer/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/Polymer/core-toolbar","description":"Basic toolbar","fork":false,"url":"https://api.github.com/repos/Polymer/core-toolbar","forks_url":"https://api.github.com/repos/Polymer/core-toolbar/forks","keys_url":"https://api.github.com/repos/Polymer/core-toolbar/keys{/key_id}","collaborators_url":"https://api.github.com/repos/Polymer/core-toolbar/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/Polymer/core-toolbar/teams","hooks_url":"https://api.github.com/repos/Polymer/core-toolbar/hooks","issue_events_url":"https://api.github.com/repos/Polymer/core-toolbar/issues/events{/number}","events_url":"https://api.github.com/repos/Polymer/core-toolbar/events","assignees_url":"https://api.github.com/repos/Polymer/core-toolbar/assignees{/user}","branches_url":"https://api.github.com/repos/Polymer/core-toolbar/branches{/branch}","tags_url":"https://api.github.com/repos/Polymer/core-toolbar/tags","blobs_url":"https://api.github.com/repos/Polymer/core-toolbar/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/Polymer/core-toolbar/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/Polymer/core-toolbar/git/refs{/sha}","trees_url":"https://api.github.com/repos/Polymer/core-toolbar/git/trees{/sha}","statuses_url":"https://api.github.com/repos/Polymer/core-toolbar/statuses/{sha}","languages_url":"https://api.github.com/repos/Polymer/core-toolbar/languages","stargazers_url":"https://api.github.com/repos/Polymer/core-toolbar/stargazers","contributors_url":"https://api.github.com/repos/Polymer/core-toolbar/contributors","subscribers_url":"https://api.github.com/repos/Polymer/core-toolbar/subscribers","subscription_url":"https://api.github.com/repos/Polymer/core-toolbar/subscription","commits_url":"https://api.github.com/repos/Polymer/core-toolbar/commits{/sha}","git_commits_url":"https://api.github.com/repos/Polymer/core-toolbar/git/commits{/sha}","comments_url":"https://api.github.com/repos/Polymer/core-toolbar/comments{/number}","issue_comment_url":"https://api.github.com/repos/Polymer/core-toolbar/issues/comments{/number}","contents_url":"https://api.github.com/repos/Polymer/core-toolbar/contents/{+path}","compare_url":"https://api.github.com/repos/Polymer/core-toolbar/compare/{base}...{head}","merges_url":"https://api.github.com/repos/Polymer/core-toolbar/merges","archive_url":"https://api.github.com/repos/Polymer/core-toolbar/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/Polymer/core-toolbar/downloads","issues_url":"https://api.github.com/repos/Polymer/core-toolbar/issues{/number}","pulls_url":"https://api.github.com/repos/Polymer/core-toolbar/pulls{/number}","milestones_url":"https://api.github.com/repos/Polymer/core-toolbar/milestones{/number}","notifications_url":"https://api.github.com/repos/Polymer/core-toolbar/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/Polymer/core-toolbar/labels{/name}","releases_url":"https://api.github.com/repos/Polymer/core-toolbar/releases{/id}","created_at":"2014-04-06T20:56:22Z","updated_at":"2015-01-03T08:56:02Z","pushed_at":"2015-03-11T21:20:13Z","git_url":"git://github.com/Polymer/core-toolbar.git","ssh_url":"git@github.com:Polymer/core-toolbar.git","clone_url":"https://github.com/Polymer/core-toolbar.git","svn_url":"https://github.com/Polymer/core-toolbar","homepage":null,"size":1511,"stargazers_count":5,"watchers_count":5,"language":"CSS","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":7,"mirror_url":null,"open_issues_count":7,"forks":7,"open_issues":7,"watchers":5,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/Polymer/core-toolbar/pulls/26"},"html":{"href":"https://github.com/Polymer/core-toolbar/pull/26"},"issue":{"href":"https://api.github.com/repos/Polymer/core-toolbar/issues/26"},"comments":{"href":"https://api.github.com/repos/Polymer/core-toolbar/issues/26/comments"},"review_comments":{"href":"https://api.github.com/repos/Polymer/core-toolbar/pulls/26/comments"},"review_comment":{"href":"https://api.github.com/repos/Polymer/core-toolbar/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/Polymer/core-toolbar/pulls/26/commits"},"statuses":{"href":"https://api.github.com/repos/Polymer/core-toolbar/statuses/6d6918bb2be6e07551fcd53d4b86f6db64940170"}}}}