OLD | NEW |
(Empty) | |
| 1 <polymer-element name="x-news" extends="ul"> |
| 2 <template> |
| 3 <style scoped> |
| 4 div.breaking { |
| 5 color: Red; |
| 6 font-size: 20px; |
| 7 border: 1px dashed Purple; |
| 8 } |
| 9 div.other { |
| 10 padding: 2px 0 0 0; |
| 11 border: 1px solid Cyan; |
| 12 } |
| 13 </style> |
| 14 <div class="breaking"> |
| 15 <h2>Breaking Stories</h2> |
| 16 <ul> |
| 17 <content select=".breaking"></content> |
| 18 </ul> |
| 19 </div> |
| 20 <div class="other"> |
| 21 <h2>Other News</h2> |
| 22 <ul> |
| 23 <content></content> |
| 24 </ul> |
| 25 </div> |
| 26 </template> |
| 27 <script type="application/dart"> |
| 28 import 'dart:html'; |
| 29 import 'package:polymer/polymer.dart'; |
| 30 |
| 31 class XNews extends UListElement with Polymer { |
| 32 XNews.created() : super.created() { |
| 33 polymerCreated(); |
| 34 } |
| 35 } |
| 36 |
| 37 @initMethod |
| 38 _init() { |
| 39 Polymer.register('x-news', XNews); |
| 40 } |
| 41 </script> |
| 42 </polymer-element> |
OLD | NEW |