| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 // Copyright 2015 The Chromium Authors. All rights reserved. | 2 // Copyright 2015 The Chromium Authors. All rights reserved. |
| 3 // Use of this source code is governed by a BSD-style license that can be | 3 // Use of this source code is governed by a BSD-style license that can be |
| 4 // found in the LICENSE file. | 4 // found in the LICENSE file. |
| 5 --> | 5 --> |
| 6 <import src="shadow.sky" as="shadow" /> | 6 <import src="shadow.sky" as="shadow" /> |
| 7 <import src="sky-element.sky" /> | 7 <import src="sky-element.sky" /> |
| 8 | 8 |
| 9 <sky-element attributes="level:number"> | 9 <sky-element attributes="level:number"> |
| 10 <template> | 10 <template> |
| 11 <style> | 11 <style> |
| 12 :host { | 12 :host { |
| 13 display: flex; | 13 display: flex; |
| 14 flex-direction: row; |
| 14 align-items: center; | 15 align-items: center; |
| 15 height: 56px; | 16 height: 56px; |
| 16 } | 17 } |
| 17 </style> | 18 </style> |
| 18 <content /> | 19 <content /> |
| 19 </template> | 20 </template> |
| 20 <script> | 21 <script> |
| 21 import "dart:sky"; | 22 import "dart:sky"; |
| 22 | 23 |
| 23 @Tagname('sky-toolbar') | 24 @Tagname('sky-toolbar') |
| 24 class SkyToolbar extends SkyElement { | 25 class SkyToolbar extends SkyElement { |
| 25 void shadowRootReady() { | 26 void shadowRootReady() { |
| 26 shadow.applyTo(shadowRoot); | 27 shadow.applyTo(shadowRoot); |
| 27 } | 28 } |
| 28 } | 29 } |
| 29 | 30 |
| 30 _init(script) => register(script, SkyToolbar); | 31 _init(script) => register(script, SkyToolbar); |
| 31 </script> | 32 </script> |
| 32 </sky-element> | 33 </sky-element> |
| OLD | NEW |