OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <!-- | 2 <!-- |
3 Copyright 2013 The Polymer Authors. All rights reserved. | 3 Copyright 2013 The Polymer Authors. All rights reserved. |
4 Use of this source code is governed by a BSD-style | 4 Use of this source code is governed by a BSD-style |
5 license that can be found in the LICENSE file. | 5 license that can be found in the LICENSE file. |
6 --> | 6 --> |
7 <html> | 7 <html> |
8 <head> | 8 <head> |
9 | 9 |
10 <meta charset="utf-8"> | 10 <meta charset="utf-8"> |
11 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 11 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
12 <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-
scale=1, user-scalable=yes"> | 12 <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-
scale=1, user-scalable=yes"> |
13 | 13 |
14 <title>paper-fab</title> | 14 <title>paper-fab</title> |
15 | 15 |
16 <script src="../webcomponentsjs/webcomponents.js"></script> | 16 <script src="../webcomponentsjs/webcomponents.js"></script> |
17 | 17 |
18 <link href="../font-roboto/roboto.html" rel="import"> | 18 <link href="../font-roboto/roboto.html" rel="import"> |
19 <link href="../core-icons/core-icons.html" rel="import"> | 19 <link href="../core-icons/core-icons.html" rel="import"> |
20 <link href="paper-fab.html" rel="import"> | 20 <link href="paper-fab.html" rel="import"> |
21 | 21 |
22 <style shim-shadowdom> | 22 <style shim-shadowdom> |
23 | 23 |
24 body { | 24 body { |
25 font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial; | 25 font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial; |
26 font-size: 14px; | 26 font-size: 14px; |
27 margin: 0; | 27 margin: 0; |
28 padding: 24px; | 28 padding: 24px; |
29 -webkit-user-select: none; | |
30 -moz-user-select: none; | |
31 -ms-user-select: none; | |
32 user-select: none; | |
33 -webkit-tap-highlight-color: rgba(0,0,0,0); | 29 -webkit-tap-highlight-color: rgba(0,0,0,0); |
34 -webkit-touch-callout: none; | 30 -webkit-touch-callout: none; |
35 } | 31 } |
36 | 32 |
37 section { | 33 section { |
38 padding: 20px 0; | 34 padding: 20px 0; |
39 } | 35 } |
40 | 36 |
41 section > div { | 37 section > div { |
42 padding: 14px; | 38 padding: 14px; |
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
78 | 74 |
79 <div>Mini</div> | 75 <div>Mini</div> |
80 | 76 |
81 <paper-fab mini icon="done" class="green" title="done"></paper-fab> | 77 <paper-fab mini icon="done" class="green" title="done"></paper-fab> |
82 <paper-fab mini icon="reply" class="yellow" title="reply"></paper-fab> | 78 <paper-fab mini icon="reply" class="yellow" title="reply"></paper-fab> |
83 | 79 |
84 </section> | 80 </section> |
85 | 81 |
86 </body> | 82 </body> |
87 </html> | 83 </html> |
OLD | NEW |