| OLD | NEW |
| 1 paper-icon-button | 1 paper-icon-button |
| 2 ================= | 2 ================= |
| 3 | 3 |
| 4 Material Design: <a href="http://www.google.com/design/spec/components/buttons.h
tml">Buttons</a> | 4 Material Design: <a href="http://www.google.com/design/spec/components/buttons.h
tml">Buttons</a> |
| 5 | 5 |
| 6 `paper-icon-button` is a button with an image placed at the center. When the use
r touches | 6 `paper-icon-button` is a button with an image placed at the center. When the use
r touches |
| 7 the button, a ripple effect emanates from the center of the button. | 7 the button, a ripple effect emanates from the center of the button. |
| 8 | 8 |
| 9 `paper-icon-button` includes a default icon set. Use `icon` to specify which ic
on | 9 `paper-icon-button` includes a default icon set. Use `icon` to specify which ic
on |
| 10 from the icon set to use. | 10 from the icon set to use. |
| (...skipping 29 matching lines...) Expand all Loading... |
| 40 customize the color using this selector: | 40 customize the color using this selector: |
| 41 | 41 |
| 42 ```css | 42 ```css |
| 43 /* make #my-button use a blue ripple instead of foreground color */ | 43 /* make #my-button use a blue ripple instead of foreground color */ |
| 44 #my-button::shadow #ripple { | 44 #my-button::shadow #ripple { |
| 45 color: blue; | 45 color: blue; |
| 46 } | 46 } |
| 47 ``` | 47 ``` |
| 48 | 48 |
| 49 The opacity of the ripple is not customizable via CSS. | 49 The opacity of the ripple is not customizable via CSS. |
| OLD | NEW |