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

Unified Diff: sky/framework/sky-box/sky-box.sky

Issue 809233002: Add super-basic sky widgets. (Closed) Base URL: git@github.com:domokit/mojo.git@master
Patch Set: fix typos Created 6 years 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 side-by-side diff with in-line comments
Download patch
« no previous file with comments | « sky/examples/widgets/index.sky ('k') | sky/framework/sky-button/sky-button.sky » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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>
« no previous file with comments | « sky/examples/widgets/index.sky ('k') | sky/framework/sky-button/sky-button.sky » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698