| OLD | NEW |
| 1 paper-fab | 1 paper-fab |
| 2 ========= | 2 ========= |
| 3 | 3 |
| 4 Material Design: <a href="http://www.google.com/design/spec/components/buttons.h
tml">Button</a> | 4 Material Design: <a href="http://www.google.com/design/spec/components/buttons.h
tml">Button</a> |
| 5 | 5 |
| 6 `paper-fab` is a floating action button. It contains an image placed in the cent
er and | 6 `paper-fab` is a floating action button. It contains an image placed in the cent
er and |
| 7 comes in two sizes: regular size and a smaller size by applying the attribute `m
ini`. When | 7 comes in two sizes: regular size and a smaller size by applying the attribute `m
ini`. When |
| 8 the user touches the button, a ripple effect emanates from the center of the but
ton. | 8 the user touches the button, a ripple effect emanates from the center of the but
ton. |
| 9 | 9 |
| 10 You may import `iron-icons` to use with this element, or provide a URL to a cust
om icon. | 10 You may import `iron-icons` to use with this element, or provide a URL to a cust
om icon. |
| (...skipping 24 matching lines...) Expand all Loading... |
| 35 customize the color using this selector: | 35 customize the color using this selector: |
| 36 | 36 |
| 37 ```css | 37 ```css |
| 38 /* make #my-button use a blue ripple instead of foreground color */ | 38 /* make #my-button use a blue ripple instead of foreground color */ |
| 39 #my-button::shadow #ripple { | 39 #my-button::shadow #ripple { |
| 40 color: blue; | 40 color: blue; |
| 41 } | 41 } |
| 42 ``` | 42 ``` |
| 43 | 43 |
| 44 The opacity of the ripple is not customizable via CSS. | 44 The opacity of the ripple is not customizable via CSS. |
| OLD | NEW |