Index: sky/examples/appish/example-scaffold.sky |
diff --git a/sky/examples/appish/example-scaffold.sky b/sky/examples/appish/example-scaffold.sky |
deleted file mode 100644 |
index 0d810ccbe266b6055c3d3e73ac5a9a525e368d4a..0000000000000000000000000000000000000000 |
--- a/sky/examples/appish/example-scaffold.sky |
+++ /dev/null |
@@ -1,84 +0,0 @@ |
-<!-- |
-// 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. |
---> |
-<import src="/sky/framework/sky-drawer.sky" /> |
-<import src="/sky/framework/sky-element.sky" /> |
-<import src="/sky/framework/sky-scrollable.sky" /> |
- |
-<sky-element> |
-<template> |
- <style> |
- :host { |
- display: flex; |
- flex-direction: column; |
- height: -webkit-fill-available; |
- } |
- sky-drawer { |
- position: absolute; |
- z-index: 1; |
- top: 0; |
- left: 0; |
- bottom: 0; |
- right: 0; |
- } |
- sky-toolbar { |
- display: flex; |
- align-items: center; |
- background-color: #526E9C; |
- color: white; |
- height: 56px; |
- } |
- #menu { |
- display: flex; |
- justify-content: center; |
- align-items: center; |
- width: 24px; |
- height: 24px; |
- padding: 7px; |
- margin: 0 8px; |
- background-color: papayawhip; |
- color: black; |
- } |
- #title { |
- flex: 1; |
- margin: 0 8px; |
- } |
- sky-scrollable { |
- flex: 1; |
- background-color: green; |
- } |
- </style> |
- <sky-drawer id="drawer"> |
- <content select=".menu"/> |
- </sky-drawer> |
- <sky-toolbar> |
- <div id="menu" /> |
- <content id="title" select=".title"/> |
- </sky-toolbar> |
- <sky-scrollable> |
- <content /> |
- </sky-scrollable> |
-</template> |
-<script> |
-import "dart:sky"; |
- |
-@Tagname('example-scaffold') |
-class ExampleScaffold extends SkyElement { |
- Element _drawer; |
- |
- void shadowRootReady() { |
- _drawer = shadowRoot.getElementById('drawer'); |
- Element menu = shadowRoot.getElementById('menu'); |
- menu.addEventListener('click', _handleMenuClick); |
- } |
- |
- void _handleMenuClick(_) { |
- _drawer.toggle(); |
- } |
-} |
- |
-_init(script) => register(script, ExampleScaffold); |
-</script> |
-</sky-element> |