Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(160)

Side by Side Diff: sky/examples/color/color-sample.sky

Issue 897683002: Extend the sky color picker example (Closed) Base URL: https://github.com/domokit/mojo.git@master
Patch Set: Created 5 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « sky/examples/color/color-picker.sky ('k') | sky/examples/color/color-samples.sky » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 #!mojo mojo:sky_viewer
2 <!-- 1 <!--
3 // Copyright 2015 The Chromium Authors. All rights reserved. 2 // Copyright 2015 The Chromium Authors. All rights reserved.
4 // Use of this source code is governed by a BSD-style license that can be 3 // Use of this source code is governed by a BSD-style license that can be
5 // found in the LICENSE file. 4 // found in the LICENSE file.
6 --> 5 -->
7 <sky>
8 <import src="/sky/framework/sky-element/sky-element.sky" as="SkyElement" /> 6 <import src="/sky/framework/sky-element/sky-element.sky" as="SkyElement" />
9 <import src="example-scaffold.sky" />
10 7
11 <sky-element name="example-app"> 8 <sky-element name="color-sample" attributes="color:string">
12 <template> 9 <template>
13 <example-scaffold> 10 <style>
14 <div class="title">Awesome app</div> 11 :host {
15 <div class="menu">This is a menu</div> 12 background-color: {{ color }};
16 <div class="body">This is an awesome app.</div> 13 }
17 </example-scrollable> 14 </style>
18 </template> 15 </template>
19 <script> 16 <script>
20 module.exports = class extends SkyElement { 17 module.exports = class extends SkyElement {
18 created() {
19 this.color = "blue"; // "#FFFFFF";
20 }
21 }.register(); 21 }.register();
22 </script> 22 </script>
23 </sky-element> 23 </sky-element>
24
25 <example-app />
26 </sky>
OLDNEW
« no previous file with comments | « sky/examples/color/color-picker.sky ('k') | sky/examples/color/color-samples.sky » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698