OLD | NEW |
| (Empty) |
1 <!-- | |
2 // Copyright 2015 The Chromium Authors. All rights reserved. | |
3 // Use of this source code is governed by a BSD-style license that can be | |
4 // found in the LICENSE file. | |
5 --> | |
6 <import src="/sky/framework/sky-element/sky-element.sky" as="SkyElement" /> | |
7 <import src="color-sample.sky" /> | |
8 | |
9 <sky-element name="color-samples"> | |
10 <template> | |
11 <style> | |
12 :host { | |
13 display: flex; | |
14 } | |
15 color-sample { | |
16 height: 100%; | |
17 flex: 1; | |
18 margin-left: 2px; | |
19 margin-right: 2px; | |
20 } | |
21 </style> | |
22 <template repeat="{{ colors }}"> | |
23 <color-sample color="{{ cssColor }}" /> | |
24 </template> | |
25 </template> | |
26 <script> | |
27 module.exports = class extends SkyElement { | |
28 created() { | |
29 this.colors = []; | |
30 } | |
31 }.register(); | |
32 </script> | |
33 </sky-element> | |
OLD | NEW |