OLD | NEW |
| (Empty) |
1 <!-- | |
2 // Copyright 2014 The Chromium Authors. All rights reserved. | |
3 // Use of this source code is governed by a BSD-style license that can be | |
4 // found in the LICENSE file. | |
5 --> | |
6 <import src="/sky/framework/sky-element/sky-element.sky" as="SkyElement" /> | |
7 | |
8 <sky-element name="sky-box" attributes="title:string"> | |
9 <template> | |
10 <style> | |
11 :host { | |
12 display: flex; | |
13 flex-direction: column; | |
14 border-radius: 4px; | |
15 border: 1px solid gray; | |
16 margin: 10px; | |
17 } | |
18 .title { | |
19 text-align: center; | |
20 font-size: 10px; | |
21 padding: 8px 8px 4px 8px; | |
22 } | |
23 .content { | |
24 padding: 4px 8px 8px 8px; | |
25 } | |
26 div { | |
27 flex: 1; | |
28 } | |
29 </style> | |
30 <div class="title">{{ title }}</div> | |
31 <div class="content"><content></content></div> | |
32 </template> | |
33 <script> | |
34 module.exports = class extends SkyElement { | |
35 }.register(); | |
36 </script> | |
37 </sky-element> | |
OLD | NEW |