| Index: sky/examples/color/color-sample.sky
|
| diff --git a/sky/examples/appish.sky b/sky/examples/color/color-sample.sky
|
| similarity index 54%
|
| copy from sky/examples/appish.sky
|
| copy to sky/examples/color/color-sample.sky
|
| index e2c1d777747e2304d1f3b0cf3880a16080fd7c24..ef7cfed39af8d6efcc00c36ea21dbdad3d18d80d 100644
|
| --- a/sky/examples/appish.sky
|
| +++ b/sky/examples/color/color-sample.sky
|
| @@ -1,26 +1,23 @@
|
| -#!mojo mojo:sky_viewer
|
| <!--
|
| // Copyright 2015 The Chromium Authors. All rights reserved.
|
| // Use of this source code is governed by a BSD-style license that can be
|
| // found in the LICENSE file.
|
| -->
|
| -<sky>
|
| <import src="/sky/framework/sky-element/sky-element.sky" as="SkyElement" />
|
| -<import src="example-scaffold.sky" />
|
|
|
| -<sky-element name="example-app">
|
| +<sky-element name="color-sample" attributes="color:string">
|
| <template>
|
| - <example-scaffold>
|
| - <div class="title">Awesome app</div>
|
| - <div class="menu">This is a menu</div>
|
| - <div class="body">This is an awesome app.</div>
|
| - </example-scrollable>
|
| + <style>
|
| + :host {
|
| + background-color: {{ color }};
|
| + }
|
| + </style>
|
| </template>
|
| <script>
|
| module.exports = class extends SkyElement {
|
| + created() {
|
| + this.color = "blue"; // "#FFFFFF";
|
| + }
|
| }.register();
|
| </script>
|
| </sky-element>
|
| -
|
| -<example-app />
|
| -</sky>
|
|
|