Index: sky/framework/sky-box/sky-box.sky |
diff --git a/sky/framework/sky-box/sky-box.sky b/sky/framework/sky-box/sky-box.sky |
new file mode 100644 |
index 0000000000000000000000000000000000000000..ed21ebd01ee6f4fc7a2ee6b5d5d4efd62a638a48 |
--- /dev/null |
+++ b/sky/framework/sky-box/sky-box.sky |
@@ -0,0 +1,33 @@ |
+<!-- |
+// Copyright 2014 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-element/sky-element.sky" as="SkyElement" /> |
+ |
+<sky-element name="sky-box"> |
+<template> |
+ <style> |
+ :host { |
+ display: flex; |
+ flex-direction: column; |
+ border-radius: 4px; |
+ border: 1px solid gray; |
+ margin: 10px; |
+ } |
+ #title { |
+ text-align: center; |
+ font-size: 10px; |
+ } |
+ div { |
+ flex: 1 100%; |
+ } |
+ </style> |
+ <div id='title'>{{ title }}</div> |
+ <div><content></content></div> |
+</template> |
+<script> |
+module.exports = class extends SkyElement { |
+}.register(); |
+</script> |
+</sky-element> |