{"action":"opened","issue":{"url":"https://api.github.com/repos/PolymerElements/paper-fab/issues/49","labels_url":"https://api.github.com/repos/PolymerElements/paper-fab/issues/49/labels{/name}","comments_url":"https://api.github.com/repos/PolymerElements/paper-fab/issues/49/comments","events_url":"https://api.github.com/repos/PolymerElements/paper-fab/issues/49/events","html_url":"https://github.com/PolymerElements/paper-fab/issues/49","id":123000439,"number":49,"title":"Update the paper-fab focus like the Material Design spec","user":{"login":"abdonrd","id":1007051,"avatar_url":"https://avatars.githubusercontent.com/u/1007051?v=3","gravatar_id":"","url":"https://api.github.com/users/abdonrd","html_url":"https://github.com/abdonrd","followers_url":"https://api.github.com/users/abdonrd/followers","following_url":"https://api.github.com/users/abdonrd/following{/other_user}","gists_url":"https://api.github.com/users/abdonrd/gists{/gist_id}","starred_url":"https://api.github.com/users/abdonrd/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/abdonrd/subscriptions","organizations_url":"https://api.github.com/users/abdonrd/orgs","repos_url":"https://api.github.com/users/abdonrd/repos","events_url":"https://api.github.com/users/abdonrd/events{/privacy}","received_events_url":"https://api.github.com/users/abdonrd/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-12-18T18:15:03Z","updated_at":"2015-12-18T18:15:03Z","closed_at":null,"body":"In the [Floating action button spec](https://www.google.com/design/spec/components/buttons-floating-action-button.html#buttons-floating-action-button-floating-action-button) there are:\r\n\r\n<img width=\"386\" alt=\"paper-fab\" src=\"https://cloud.githubusercontent.com/assets/1007051/11903563/7e19f9fe-a5ba-11e5-8ddc-f265d072b7cb.png\">\r\n\r\nAnd when is focused:\r\n\r\n<img width=\"386\" alt=\"paper-fab_focus\" src=\"https://cloud.githubusercontent.com/assets/1007051/11903573/844d348a-a5ba-11e5-9d49-a581738d0c42.png\">\r\n\r\nAnd in the `paper-fab` styles we have:\r\n\r\n```css\r\n:host {\r\n  background: var(--paper-fab-background, --accent-color);\r\n}\r\n\r\n:host(.keyboard-focus) {\r\n  background: var(--paper-fab-keyboard-focus-background, --paper-pink-900);\r\n}\r\n```\r\n\r\nMaybe we can improve this, because it looks like a shadow overlaps the `paper-fab`.\r\n\r\nWhat do you think? :blush: "}}