polymer-neon-rails 1.0.0.pre.rc.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (154) hide show
  1. checksums.yaml +7 -0
  2. data/README.md +39 -0
  3. data/Rakefile +1 -0
  4. data/app/assets/components/iron-flex-layout/README.md +4 -0
  5. data/app/assets/components/iron-flex-layout/bower.json +21 -0
  6. data/app/assets/components/iron-flex-layout/classes/iron-flex-layout.html +307 -0
  7. data/app/assets/components/iron-flex-layout/classes/iron-shadow-flex-layout.html +302 -0
  8. data/app/assets/components/iron-flex-layout/demo/index.html +40 -0
  9. data/app/assets/components/iron-flex-layout/demo/x-app.html +106 -0
  10. data/app/assets/components/iron-flex-layout/iron-flex-layout.html +313 -0
  11. data/app/assets/components/iron-meta/README.md +46 -0
  12. data/app/assets/components/iron-meta/bower.json +28 -0
  13. data/app/assets/components/iron-meta/demo/index.html +45 -0
  14. data/app/assets/components/iron-meta/hero.svg +33 -0
  15. data/app/assets/components/iron-meta/index.html +27 -0
  16. data/app/assets/components/iron-meta/iron-meta.html +352 -0
  17. data/app/assets/components/iron-meta/test/basic.html +48 -0
  18. data/app/assets/components/iron-meta/test/index.html +30 -0
  19. data/app/assets/components/iron-meta/test/iron-meta.html +186 -0
  20. data/app/assets/components/iron-resizable-behavior/README.md +16 -0
  21. data/app/assets/components/iron-resizable-behavior/bower.json +26 -0
  22. data/app/assets/components/iron-resizable-behavior/demo/index.html +29 -0
  23. data/app/assets/components/iron-resizable-behavior/demo/src/x-app.html +114 -0
  24. data/app/assets/components/iron-resizable-behavior/index.html +25 -0
  25. data/app/assets/components/iron-resizable-behavior/iron-resizable-behavior.html +139 -0
  26. data/app/assets/components/iron-resizable-behavior/test/basic.html +263 -0
  27. data/app/assets/components/iron-resizable-behavior/test/index.html +31 -0
  28. data/app/assets/components/iron-resizable-behavior/test/test-elements.html +143 -0
  29. data/app/assets/components/iron-selector/README.md +50 -0
  30. data/app/assets/components/iron-selector/bower.json +31 -0
  31. data/app/assets/components/iron-selector/demo/index.html +66 -0
  32. data/app/assets/components/iron-selector/index.html +28 -0
  33. data/app/assets/components/iron-selector/iron-multi-selectable.html +120 -0
  34. data/app/assets/components/iron-selector/iron-selectable.html +307 -0
  35. data/app/assets/components/iron-selector/iron-selection.html +115 -0
  36. data/app/assets/components/iron-selector/iron-selector.html +71 -0
  37. data/app/assets/components/iron-selector/test/activate-event.html +138 -0
  38. data/app/assets/components/iron-selector/test/basic.html +150 -0
  39. data/app/assets/components/iron-selector/test/content-element.html +43 -0
  40. data/app/assets/components/iron-selector/test/content.html +168 -0
  41. data/app/assets/components/iron-selector/test/index.html +36 -0
  42. data/app/assets/components/iron-selector/test/multi.html +135 -0
  43. data/app/assets/components/iron-selector/test/next-previous.html +134 -0
  44. data/app/assets/components/iron-selector/test/selected-attribute.html +72 -0
  45. data/app/assets/components/iron-selector/test/template-repeat.html +110 -0
  46. data/app/assets/components/neon-animation/README.md +304 -0
  47. data/app/assets/components/neon-animation/animations/cascaded-animation.html +84 -0
  48. data/app/assets/components/neon-animation/animations/fade-in-animation.html +49 -0
  49. data/app/assets/components/neon-animation/animations/fade-out-animation.html +49 -0
  50. data/app/assets/components/neon-animation/animations/hero-animation.html +83 -0
  51. data/app/assets/components/neon-animation/animations/opaque-animation.html +46 -0
  52. data/app/assets/components/neon-animation/animations/ripple-animation.html +92 -0
  53. data/app/assets/components/neon-animation/animations/scale-down-animation.html +65 -0
  54. data/app/assets/components/neon-animation/animations/scale-up-animation.html +58 -0
  55. data/app/assets/components/neon-animation/animations/slide-down-animation.html +59 -0
  56. data/app/assets/components/neon-animation/animations/slide-from-left-animation.html +60 -0
  57. data/app/assets/components/neon-animation/animations/slide-from-right-animation.html +60 -0
  58. data/app/assets/components/neon-animation/animations/slide-left-animation.html +59 -0
  59. data/app/assets/components/neon-animation/animations/slide-right-animation.html +59 -0
  60. data/app/assets/components/neon-animation/animations/slide-up-animation.html +59 -0
  61. data/app/assets/components/neon-animation/animations/transform-animation.html +61 -0
  62. data/app/assets/components/neon-animation/bower.json +51 -0
  63. data/app/assets/components/neon-animation/demo/declarative/index.html +108 -0
  64. data/app/assets/components/neon-animation/demo/doc/basic.html +47 -0
  65. data/app/assets/components/neon-animation/demo/doc/my-animatable.html +73 -0
  66. data/app/assets/components/neon-animation/demo/doc/my-dialog.html +97 -0
  67. data/app/assets/components/neon-animation/demo/doc/types.html +53 -0
  68. data/app/assets/components/neon-animation/demo/dropdown/animated-dropdown.html +97 -0
  69. data/app/assets/components/neon-animation/demo/dropdown/index.html +54 -0
  70. data/app/assets/components/neon-animation/demo/grid/animated-grid.html +166 -0
  71. data/app/assets/components/neon-animation/demo/grid/fullsize-page-with-card.html +124 -0
  72. data/app/assets/components/neon-animation/demo/grid/index.html +70 -0
  73. data/app/assets/components/neon-animation/demo/index.html +6 -0
  74. data/app/assets/components/neon-animation/demo/list/full-view.html +122 -0
  75. data/app/assets/components/neon-animation/demo/list/index.html +29 -0
  76. data/app/assets/components/neon-animation/demo/list/list-demo.html +112 -0
  77. data/app/assets/components/neon-animation/demo/list/list-view.html +127 -0
  78. data/app/assets/components/neon-animation/demo/load/animated-grid.html +147 -0
  79. data/app/assets/components/neon-animation/demo/load/full-page.html +86 -0
  80. data/app/assets/components/neon-animation/demo/load/index.html +45 -0
  81. data/app/assets/components/neon-animation/demo/reprojection/animated-grid.html +166 -0
  82. data/app/assets/components/neon-animation/demo/reprojection/fullsize-page-with-card.html +124 -0
  83. data/app/assets/components/neon-animation/demo/reprojection/index.html +66 -0
  84. data/app/assets/components/neon-animation/demo/reprojection/reprojected-pages.html +42 -0
  85. data/app/assets/components/neon-animation/demo/shared.css +40 -0
  86. data/app/assets/components/neon-animation/demo/tiles/circles-page.html +110 -0
  87. data/app/assets/components/neon-animation/demo/tiles/index.html +77 -0
  88. data/app/assets/components/neon-animation/demo/tiles/squares-page.html +104 -0
  89. data/app/assets/components/neon-animation/guides/neon-animation.md +313 -0
  90. data/app/assets/components/neon-animation/index.html +30 -0
  91. data/app/assets/components/neon-animation/neon-animatable-behavior.html +156 -0
  92. data/app/assets/components/neon-animation/neon-animatable.html +54 -0
  93. data/app/assets/components/neon-animation/neon-animated-pages.html +208 -0
  94. data/app/assets/components/neon-animation/neon-animation-behavior.html +88 -0
  95. data/app/assets/components/neon-animation/neon-animation-runner-behavior.html +110 -0
  96. data/app/assets/components/neon-animation/neon-animation.html +17 -0
  97. data/app/assets/components/neon-animation/neon-animations.html +25 -0
  98. data/app/assets/components/neon-animation/neon-shared-element-animatable-behavior.html +37 -0
  99. data/app/assets/components/neon-animation/neon-shared-element-animation-behavior.html +66 -0
  100. data/app/assets/components/neon-animation/web-animations.html +11 -0
  101. data/app/assets/components/neon-elements/README.md +19 -0
  102. data/app/assets/components/neon-elements/bower.json +26 -0
  103. data/app/assets/components/paper-styles/README.md +3 -0
  104. data/app/assets/components/paper-styles/bower.json +27 -0
  105. data/app/assets/components/paper-styles/classes/global.html +96 -0
  106. data/app/assets/components/paper-styles/classes/shadow-layout.html +302 -0
  107. data/app/assets/components/paper-styles/classes/shadow.html +39 -0
  108. data/app/assets/components/paper-styles/classes/typography.html +171 -0
  109. data/app/assets/components/paper-styles/color.html +333 -0
  110. data/app/assets/components/paper-styles/default-theme.html +39 -0
  111. data/app/assets/components/paper-styles/demo-pages.html +72 -0
  112. data/app/assets/components/paper-styles/demo.css +25 -0
  113. data/app/assets/components/paper-styles/paper-styles-classes.html +14 -0
  114. data/app/assets/components/paper-styles/paper-styles.html +17 -0
  115. data/app/assets/components/paper-styles/shadow.html +61 -0
  116. data/app/assets/components/paper-styles/typography.html +240 -0
  117. data/app/assets/components/polymer/LICENSE.txt +27 -0
  118. data/app/assets/components/polymer/bower.json +26 -0
  119. data/app/assets/components/polymer/build.log +27 -0
  120. data/app/assets/components/polymer/polymer-micro.html +523 -0
  121. data/app/assets/components/polymer/polymer-mini.html +1368 -0
  122. data/app/assets/components/polymer/polymer.html +3768 -0
  123. data/app/assets/components/web-animations-js/COPYING +202 -0
  124. data/app/assets/components/web-animations-js/History.md +108 -0
  125. data/app/assets/components/web-animations-js/README.md +161 -0
  126. data/app/assets/components/web-animations-js/bower.json +31 -0
  127. data/app/assets/components/web-animations-js/web-animations-next-lite.min.js +17 -0
  128. data/app/assets/components/web-animations-js/web-animations-next-lite.min.js.map +1 -0
  129. data/app/assets/components/web-animations-js/web-animations-next.min.js +17 -0
  130. data/app/assets/components/web-animations-js/web-animations-next.min.js.map +1 -0
  131. data/app/assets/components/web-animations-js/web-animations.html +50 -0
  132. data/app/assets/components/web-animations-js/web-animations.min.js +17 -0
  133. data/app/assets/components/web-animations-js/web-animations.min.js.gz +0 -0
  134. data/app/assets/components/web-animations-js/web-animations.min.js.map +1 -0
  135. data/app/assets/components/webcomponentsjs/CustomElements.js +956 -0
  136. data/app/assets/components/webcomponentsjs/CustomElements.min.js +11 -0
  137. data/app/assets/components/webcomponentsjs/HTMLImports.js +1078 -0
  138. data/app/assets/components/webcomponentsjs/HTMLImports.min.js +11 -0
  139. data/app/assets/components/webcomponentsjs/MutationObserver.js +344 -0
  140. data/app/assets/components/webcomponentsjs/MutationObserver.min.js +11 -0
  141. data/app/assets/components/webcomponentsjs/README.md +125 -0
  142. data/app/assets/components/webcomponentsjs/ShadowDOM.js +4414 -0
  143. data/app/assets/components/webcomponentsjs/ShadowDOM.min.js +15 -0
  144. data/app/assets/components/webcomponentsjs/bower.json +14 -0
  145. data/app/assets/components/webcomponentsjs/build.log +33 -0
  146. data/app/assets/components/webcomponentsjs/package.json +31 -0
  147. data/app/assets/components/webcomponentsjs/webcomponents-lite.js +2300 -0
  148. data/app/assets/components/webcomponentsjs/webcomponents-lite.min.js +13 -0
  149. data/app/assets/components/webcomponentsjs/webcomponents.js +7112 -0
  150. data/app/assets/components/webcomponentsjs/webcomponents.min.js +15 -0
  151. data/lib/polymer-neon-rails.rb +2 -0
  152. data/lib/polymer-neon-rails/engine.rb +4 -0
  153. data/lib/polymer-neon-rails/version.rb +3 -0
  154. metadata +264 -0
@@ -0,0 +1,333 @@
1
+ <!--
2
+ @license
3
+ Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
4
+ This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
5
+ The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6
+ The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
7
+ Code distributed by Google as part of the polymer project is also
8
+ subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
9
+ -->
10
+
11
+ <link rel="import" href="../polymer/polymer.html">
12
+
13
+ <style is="custom-style">
14
+
15
+ :root {
16
+
17
+ /* Material Design color palette for Google products */
18
+
19
+ --google-red-100: #f4c7c3;
20
+ --google-red-300: #e67c73;
21
+ --google-red-500: #db4437;
22
+ --google-red-700: #c53929;
23
+
24
+ --google-blue-100: #c6dafc;
25
+ --google-blue-300: #7baaf7;
26
+ --google-blue-500: #4285f4;
27
+ --google-blue-700: #3367d6;
28
+
29
+ --google-green-100: #b7e1cd;
30
+ --google-green-300: #57bb8a;
31
+ --google-green-500: #0f9d58;
32
+ --google-green-700: #0b8043;
33
+
34
+ --google-yellow-100: #fce8b2;
35
+ --google-yellow-300: #f7cb4d;
36
+ --google-yellow-500: #f4b400;
37
+ --google-yellow-700: #f09300;
38
+
39
+ --google-grey-100: #f5f5f5;
40
+ --google-grey-300: #e0e0e0;
41
+ --google-grey-500: #9e9e9e;
42
+ --google-grey-700: #616161;
43
+
44
+ /* Material Design color palette from online spec document */
45
+
46
+ --paper-red-50: #ffebee;
47
+ --paper-red-100: #ffcdd2;
48
+ --paper-red-200: #ef9a9a;
49
+ --paper-red-300: #e57373;
50
+ --paper-red-400: #ef5350;
51
+ --paper-red-500: #f44336;
52
+ --paper-red-600: #e53935;
53
+ --paper-red-700: #d32f2f;
54
+ --paper-red-800: #c62828;
55
+ --paper-red-900: #b71c1c;
56
+ --paper-red-a100: #ff8a80;
57
+ --paper-red-a200: #ff5252;
58
+ --paper-red-a400: #ff1744;
59
+ --paper-red-a700: #d50000;
60
+
61
+ --paper-pink-50: #fce4ec;
62
+ --paper-pink-100: #f8bbd0;
63
+ --paper-pink-200: #f48fb1;
64
+ --paper-pink-300: #f06292;
65
+ --paper-pink-400: #ec407a;
66
+ --paper-pink-500: #e91e63;
67
+ --paper-pink-600: #d81b60;
68
+ --paper-pink-700: #c2185b;
69
+ --paper-pink-800: #ad1457;
70
+ --paper-pink-900: #880e4f;
71
+ --paper-pink-a100: #ff80ab;
72
+ --paper-pink-a200: #ff4081;
73
+ --paper-pink-a400: #f50057;
74
+ --paper-pink-a700: #c51162;
75
+
76
+ --paper-purple-50: #f3e5f5;
77
+ --paper-purple-100: #e1bee7;
78
+ --paper-purple-200: #ce93d8;
79
+ --paper-purple-300: #ba68c8;
80
+ --paper-purple-400: #ab47bc;
81
+ --paper-purple-500: #9c27b0;
82
+ --paper-purple-600: #8e24aa;
83
+ --paper-purple-700: #7b1fa2;
84
+ --paper-purple-800: #6a1b9a;
85
+ --paper-purple-900: #4a148c;
86
+ --paper-purple-a100: #ea80fc;
87
+ --paper-purple-a200: #e040fb;
88
+ --paper-purple-a400: #d500f9;
89
+ --paper-purple-a700: #aa00ff;
90
+
91
+ --paper-deep-purple-50: #ede7f6;
92
+ --paper-deep-purple-100: #d1c4e9;
93
+ --paper-deep-purple-200: #b39ddb;
94
+ --paper-deep-purple-300: #9575cd;
95
+ --paper-deep-purple-400: #7e57c2;
96
+ --paper-deep-purple-500: #673ab7;
97
+ --paper-deep-purple-600: #5e35b1;
98
+ --paper-deep-purple-700: #512da8;
99
+ --paper-deep-purple-800: #4527a0;
100
+ --paper-deep-purple-900: #311b92;
101
+ --paper-deep-purple-a100: #b388ff;
102
+ --paper-deep-purple-a200: #7c4dff;
103
+ --paper-deep-purple-a400: #651fff;
104
+ --paper-deep-purple-a700: #6200ea;
105
+
106
+ --paper-indigo-50: #e8eaf6;
107
+ --paper-indigo-100: #c5cae9;
108
+ --paper-indigo-200: #9fa8da;
109
+ --paper-indigo-300: #7986cb;
110
+ --paper-indigo-400: #5c6bc0;
111
+ --paper-indigo-500: #3f51b5;
112
+ --paper-indigo-600: #3949ab;
113
+ --paper-indigo-700: #303f9f;
114
+ --paper-indigo-800: #283593;
115
+ --paper-indigo-900: #1a237e;
116
+ --paper-indigo-a100: #8c9eff;
117
+ --paper-indigo-a200: #536dfe;
118
+ --paper-indigo-a400: #3d5afe;
119
+ --paper-indigo-a700: #304ffe;
120
+
121
+ --paper-blue-50: #e3f2fd;
122
+ --paper-blue-100: #bbdefb;
123
+ --paper-blue-200: #90caf9;
124
+ --paper-blue-300: #64b5f6;
125
+ --paper-blue-400: #42a5f5;
126
+ --paper-blue-500: #2196f3;
127
+ --paper-blue-600: #1e88e5;
128
+ --paper-blue-700: #1976d2;
129
+ --paper-blue-800: #1565c0;
130
+ --paper-blue-900: #0d47a1;
131
+ --paper-blue-a100: #82b1ff;
132
+ --paper-blue-a200: #448aff;
133
+ --paper-blue-a400: #2979ff;
134
+ --paper-blue-a700: #2962ff;
135
+
136
+ --paper-light-blue-50: #e1f5fe;
137
+ --paper-light-blue-100: #b3e5fc;
138
+ --paper-light-blue-200: #81d4fa;
139
+ --paper-light-blue-300: #4fc3f7;
140
+ --paper-light-blue-400: #29b6f6;
141
+ --paper-light-blue-500: #03a9f4;
142
+ --paper-light-blue-600: #039be5;
143
+ --paper-light-blue-700: #0288d1;
144
+ --paper-light-blue-800: #0277bd;
145
+ --paper-light-blue-900: #01579b;
146
+ --paper-light-blue-a100: #80d8ff;
147
+ --paper-light-blue-a200: #40c4ff;
148
+ --paper-light-blue-a400: #00b0ff;
149
+ --paper-light-blue-a700: #0091ea;
150
+
151
+ --paper-cyan-50: #e0f7fa;
152
+ --paper-cyan-100: #b2ebf2;
153
+ --paper-cyan-200: #80deea;
154
+ --paper-cyan-300: #4dd0e1;
155
+ --paper-cyan-400: #26c6da;
156
+ --paper-cyan-500: #00bcd4;
157
+ --paper-cyan-600: #00acc1;
158
+ --paper-cyan-700: #0097a7;
159
+ --paper-cyan-800: #00838f;
160
+ --paper-cyan-900: #006064;
161
+ --paper-cyan-a100: #84ffff;
162
+ --paper-cyan-a200: #18ffff;
163
+ --paper-cyan-a400: #00e5ff;
164
+ --paper-cyan-a700: #00b8d4;
165
+
166
+ --paper-teal-50: #e0f2f1;
167
+ --paper-teal-100: #b2dfdb;
168
+ --paper-teal-200: #80cbc4;
169
+ --paper-teal-300: #4db6ac;
170
+ --paper-teal-400: #26a69a;
171
+ --paper-teal-500: #009688;
172
+ --paper-teal-600: #00897b;
173
+ --paper-teal-700: #00796b;
174
+ --paper-teal-800: #00695c;
175
+ --paper-teal-900: #004d40;
176
+ --paper-teal-a100: #a7ffeb;
177
+ --paper-teal-a200: #64ffda;
178
+ --paper-teal-a400: #1de9b6;
179
+ --paper-teal-a700: #00bfa5;
180
+
181
+ --paper-green-50: #e8f5e9;
182
+ --paper-green-100: #c8e6c9;
183
+ --paper-green-200: #a5d6a7;
184
+ --paper-green-300: #81c784;
185
+ --paper-green-400: #66bb6a;
186
+ --paper-green-500: #4caf50;
187
+ --paper-green-600: #43a047;
188
+ --paper-green-700: #388e3c;
189
+ --paper-green-800: #2e7d32;
190
+ --paper-green-900: #1b5e20;
191
+ --paper-green-a100: #b9f6ca;
192
+ --paper-green-a200: #69f0ae;
193
+ --paper-green-a400: #00e676;
194
+ --paper-green-a700: #00c853;
195
+
196
+ --paper-light-green-50: #f1f8e9;
197
+ --paper-light-green-100: #dcedc8;
198
+ --paper-light-green-200: #c5e1a5;
199
+ --paper-light-green-300: #aed581;
200
+ --paper-light-green-400: #9ccc65;
201
+ --paper-light-green-500: #8bc34a;
202
+ --paper-light-green-600: #7cb342;
203
+ --paper-light-green-700: #689f38;
204
+ --paper-light-green-800: #558b2f;
205
+ --paper-light-green-900: #33691e;
206
+ --paper-light-green-a100: #ccff90;
207
+ --paper-light-green-a200: #b2ff59;
208
+ --paper-light-green-a400: #76ff03;
209
+ --paper-light-green-a700: #64dd17;
210
+
211
+ --paper-lime-50: #f9fbe7;
212
+ --paper-lime-100: #f0f4c3;
213
+ --paper-lime-200: #e6ee9c;
214
+ --paper-lime-300: #dce775;
215
+ --paper-lime-400: #d4e157;
216
+ --paper-lime-500: #cddc39;
217
+ --paper-lime-600: #c0ca33;
218
+ --paper-lime-700: #afb42b;
219
+ --paper-lime-800: #9e9d24;
220
+ --paper-lime-900: #827717;
221
+ --paper-lime-a100: #f4ff81;
222
+ --paper-lime-a200: #eeff41;
223
+ --paper-lime-a400: #c6ff00;
224
+ --paper-lime-a700: #aeea00;
225
+
226
+ --paper-yellow-50: #fffde7;
227
+ --paper-yellow-100: #fff9c4;
228
+ --paper-yellow-200: #fff59d;
229
+ --paper-yellow-300: #fff176;
230
+ --paper-yellow-400: #ffee58;
231
+ --paper-yellow-500: #ffeb3b;
232
+ --paper-yellow-600: #fdd835;
233
+ --paper-yellow-700: #fbc02d;
234
+ --paper-yellow-800: #f9a825;
235
+ --paper-yellow-900: #f57f17;
236
+ --paper-yellow-a100: #ffff8d;
237
+ --paper-yellow-a200: #ffff00;
238
+ --paper-yellow-a400: #ffea00;
239
+ --paper-yellow-a700: #ffd600;
240
+
241
+ --paper-amber-50: #fff8e1;
242
+ --paper-amber-100: #ffecb3;
243
+ --paper-amber-200: #ffe082;
244
+ --paper-amber-300: #ffd54f;
245
+ --paper-amber-400: #ffca28;
246
+ --paper-amber-500: #ffc107;
247
+ --paper-amber-600: #ffb300;
248
+ --paper-amber-700: #ffa000;
249
+ --paper-amber-800: #ff8f00;
250
+ --paper-amber-900: #ff6f00;
251
+ --paper-amber-a100: #ffe57f;
252
+ --paper-amber-a200: #ffd740;
253
+ --paper-amber-a400: #ffc400;
254
+ --paper-amber-a700: #ffab00;
255
+
256
+ --paper-orange-50: #fff3e0;
257
+ --paper-orange-100: #ffe0b2;
258
+ --paper-orange-200: #ffcc80;
259
+ --paper-orange-300: #ffb74d;
260
+ --paper-orange-400: #ffa726;
261
+ --paper-orange-500: #ff9800;
262
+ --paper-orange-600: #fb8c00;
263
+ --paper-orange-700: #f57c00;
264
+ --paper-orange-800: #ef6c00;
265
+ --paper-orange-900: #e65100;
266
+ --paper-orange-a100: #ffd180;
267
+ --paper-orange-a200: #ffab40;
268
+ --paper-orange-a400: #ff9100;
269
+ --paper-orange-a700: #ff6500;
270
+
271
+ --paper-deep-orange-50: #ff5722;
272
+ --paper-deep-orange-100: #fbe9e7;
273
+ --paper-deep-orange-200: #ffccbc;
274
+ --paper-deep-orange-300: #ff8a65;
275
+ --paper-deep-orange-400: #ff7043;
276
+ --paper-deep-orange-500: #ff5722;
277
+ --paper-deep-orange-600: #f4511e;
278
+ --paper-deep-orange-700: #e64a19;
279
+ --paper-deep-orange-800: #d84315;
280
+ --paper-deep-orange-900: #bf360c;
281
+ --paper-deep-orange-a100: #ff9e80;
282
+ --paper-deep-orange-a200: #ff6e40;
283
+ --paper-deep-orange-a400: #ff3d00;
284
+ --paper-deep-orange-a700: #dd2c00;
285
+
286
+ --paper-brown-50: #efebe9;
287
+ --paper-brown-100: #d7ccc8;
288
+ --paper-brown-200: #bcaaa4;
289
+ --paper-brown-300: #a1887f;
290
+ --paper-brown-400: #8d6e63;
291
+ --paper-brown-500: #795548;
292
+ --paper-brown-600: #6d4c41;
293
+ --paper-brown-700: #5d4037;
294
+ --paper-brown-800: #4e342e;
295
+ --paper-brown-900: #3e2723;
296
+
297
+ --paper-grey-50: #fafafa;
298
+ --paper-grey-100: #f5f5f5;
299
+ --paper-grey-200: #eeeeee;
300
+ --paper-grey-300: #e0e0e0;
301
+ --paper-grey-400: #bdbdbd;
302
+ --paper-grey-500: #9e9e9e;
303
+ --paper-grey-600: #757575;
304
+ --paper-grey-700: #616161;
305
+ --paper-grey-800: #424242;
306
+ --paper-grey-900: #212121;
307
+
308
+ --paper-blue-grey-50: #eceff1;
309
+ --paper-blue-grey-100: #cfd8dc;
310
+ --paper-blue-grey-200: #b0bec5;
311
+ --paper-blue-grey-300: #90a4ae;
312
+ --paper-blue-grey-400: #78909c;
313
+ --paper-blue-grey-500: #607d8b;
314
+ --paper-blue-grey-600: #546e7a;
315
+ --paper-blue-grey-700: #455a64;
316
+ --paper-blue-grey-800: #37474f;
317
+ --paper-blue-grey-900: #263238;
318
+
319
+ /* opacity for dark text on a light background */
320
+ --dark-divider-opacity: 0.12;
321
+ --dark-disabled-opacity: 0.26; /* or hint text */
322
+ --dark-secondary-opacity: 0.54; /* or icon */
323
+ --dark-primary-opacity: 0.87;
324
+
325
+ /* opacity for light text on a dark background */
326
+ --light-divider-opacity: 0.12;
327
+ --light-disabled-opacity: 0.3; /* or hint text */
328
+ --light-secondary-opacity: 0.7; /* or icon */
329
+ --light-primary-opacity: 1.0;
330
+
331
+ }
332
+
333
+ </style>
@@ -0,0 +1,39 @@
1
+ <!--
2
+ @license
3
+ Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
4
+ This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
5
+ The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6
+ The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
7
+ Code distributed by Google as part of the polymer project is also
8
+ subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
9
+ -->
10
+
11
+ <link rel="import" href="../polymer/polymer.html">
12
+
13
+ <style is="custom-style">
14
+
15
+ :root {
16
+
17
+ --dark-primary-color: #303f9f;
18
+
19
+ --default-primary-color: #3f51b5;
20
+
21
+ --light-primary-color: #c5cae9;
22
+
23
+ --text-primary-color: #ffffff;
24
+
25
+ --accent-color: #ff4081;
26
+
27
+ --primary-background-color: #ffffff;
28
+
29
+ --primary-text-color: #212121;
30
+
31
+ --secondary-text-color: #757575;
32
+
33
+ --disabled-text-color: #bdbdbd;
34
+
35
+ --divider-color: #e0e0e0;
36
+
37
+ }
38
+
39
+ </style>
@@ -0,0 +1,72 @@
1
+ <!--
2
+ @license
3
+ Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
4
+ This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
5
+ The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6
+ The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
7
+ Code distributed by Google as part of the polymer project is also
8
+ subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
9
+ -->
10
+
11
+ <link rel="import" href="../polymer/polymer.html">
12
+
13
+ <link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
14
+
15
+ <link rel="import" href="color.html">
16
+ <link rel="import" href="typography.html">
17
+ <link rel="import" href="shadow.html">
18
+
19
+ <style is="custom-style">
20
+
21
+ body {
22
+ font-family: 'Roboto', 'Noto', sans-serif;
23
+ font-size: 14px;
24
+ margin: 0;
25
+ padding: 24px;
26
+ background-color: var(--paper-grey-50);
27
+ }
28
+
29
+ .horizontal-section-container {
30
+ @apply(--layout-horizontal);
31
+ @apply(--layout-center-justified);
32
+ @apply(--layout-wrap);
33
+ }
34
+
35
+ .vertical-section-container {
36
+ @apply(--layout-vertical);
37
+ @apply(--center-justified);
38
+ }
39
+
40
+ .horizontal-section {
41
+ background-color: white;
42
+ padding: 24px;
43
+ margin-right: 24px;
44
+ min-width: 200px;
45
+
46
+ @apply(--shadow-elevation-2dp);
47
+ }
48
+
49
+ .vertical-section {
50
+ background-color: white;
51
+ padding: 24px;
52
+ margin: 0 24px 24px 24px;
53
+
54
+ @apply(--shadow-elevation-2dp);
55
+ }
56
+
57
+ .centered {
58
+ max-width: 400px;
59
+ margin-left: auto;
60
+ margin-right: auto;
61
+ }
62
+
63
+ code {
64
+ color: var(--google-grey-700);
65
+ }
66
+
67
+ /* TODO: remove this hack and use horizontal-section-container instead */
68
+ body > div.layout.horizontal.center-justified {
69
+ @apply(--layout-wrap);
70
+ }
71
+
72
+ </style>
@@ -0,0 +1,25 @@
1
+ /**
2
+ @license
3
+ Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
4
+ This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
5
+ The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6
+ The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
7
+ Code distributed by Google as part of the polymer project is also
8
+ subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
9
+
10
+ */
11
+ body {
12
+ font-family: 'Roboto', 'Noto', sans-serif;
13
+ font-size: 14px;
14
+ margin: 0;
15
+ padding: 24px;
16
+ }
17
+
18
+ section {
19
+ padding: 20px 0;
20
+ }
21
+
22
+ section > div {
23
+ padding: 14px;
24
+ font-size: 16px;
25
+ }