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 |