OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <!-- |
| 3 Copyright 2013 The Polymer Authors. All rights reserved. |
| 4 Use of this source code is governed by a BSD-style |
| 5 license that can be found in the LICENSE file. |
| 6 --> |
| 7 <html> |
| 8 <head> |
| 9 <title>core-style</title> |
| 10 <script src="../platform/platform.js"></script> |
| 11 |
| 12 <link rel="import" href="elements.html"> |
| 13 <link rel="import" href="my-theme.html"> |
| 14 |
| 15 </head> |
| 16 <body unresolved fullbleed vertical layout> |
| 17 <core-style ref="main"></core-style> |
| 18 |
| 19 <template is="auto-binding"> |
| 20 <my-toolbar> |
| 21 <span flex>core-style</span> |
| 22 <input type="color" value="{{g.theme.colorOne}}"> |
| 23 <input type="color" value="{{g.theme.colorTwo}}"> |
| 24 <input type="color" value="{{g.theme.colorThree}}"> |
| 25 <input type="range" min="1" max="8" value="{{g.columns}}"> |
| 26 <button>A button</button> |
| 27 </my-toolbar> |
| 28 <section flex horizontal wrap layout> |
| 29 <template repeat="{{item in items}}"> |
| 30 <my-panel>{{item}}</my-panel> |
| 31 </template> |
| 32 </section> |
| 33 </template> |
| 34 |
| 35 <script> |
| 36 (function() { |
| 37 |
| 38 addEventListener('polymer-ready', function() { |
| 39 var items = []; |
| 40 for (var i=0; i < 100; i++) { |
| 41 items.push(i); |
| 42 } |
| 43 |
| 44 CoreStyle.g.items = items; |
| 45 |
| 46 addEventListener('template-bound', function(e) { |
| 47 e.target.g = CoreStyle.g; |
| 48 e.target.items = items; |
| 49 }); |
| 50 }); |
| 51 |
| 52 })(); |
| 53 </script> |
| 54 |
| 55 </body> |
| 56 </html> |
| 57 |
| 58 |
OLD | NEW |