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 |