OLD | NEW |
---|---|
(Empty) | |
1 #!mojo mojo:sky_viewer | |
2 <sky> | |
abarth-chromium
2015/01/31 03:20:18
Please add a copyright block.
hansmuller1
2015/02/02 16:32:30
Done.
| |
3 <import src="../../framework/sky-box.sky"/> | |
4 <import src="../../framework/sky-element/sky-element.sky" as="SkyElement" /> | |
abarth-chromium
2015/01/31 03:20:18
We usually include the framework as a root-relativ
hansmuller1
2015/02/02 16:32:30
Done.
| |
5 <import src="color-wheel.sky" /> | |
6 <sky-element name="color-picker-root"> | |
7 <template> | |
abarth-chromium
2015/01/31 03:20:18
Two space indent please.
hansmuller1
2015/02/02 16:32:30
Done.
| |
8 <style> | |
9 .color-sample { | |
abarth-chromium
2015/01/31 03:20:18
.color-sample -> #color-sample
We usually use
hansmuller1
2015/02/02 16:32:30
Done.
| |
10 height: 100px; | |
11 margin-top: 10px; | |
12 background-color: {{ inputColor }}; | |
13 } | |
14 </style> | |
15 <sky-box title='Choose a Color'> | |
16 <color-wheel color="{{ inputColor }}"/> | |
17 <div class="color-sample"></div> | |
18 </sky-box> | |
19 </template> | |
20 <script> | |
21 (class extends SkyElement { | |
22 created() { | |
23 this.inputColor = "#FFFFFF"; | |
24 } | |
25 }).register(); | |
26 </script> | |
27 </sky-element> | |
28 <color-picker-root /> | |
abarth-chromium
2015/01/31 03:20:18
I'd probably put the color-picker component in its
| |
29 </sky> | |
OLD | NEW |