| OLD | NEW |
| 1 <import src="../../framework/sky-element/sky-element.sky" as="SkyElement" /> | 1 <import src="../../framework/sky-element/sky-element.sky" as="SkyElement" /> |
| 2 <import src="app-header.sky" /> | 2 <import src="app-header.sky" /> |
| 3 <import src="app-title.sky" /> | 3 <import src="app-title.sky" /> |
| 4 <import src="app-menu-button.sky" /> | 4 <import src="app-menu-button.sky" /> |
| 5 <import src="app-panel.sky" /> | 5 <import src="app-panel.sky" /> |
| 6 <import src="app-panel-header.sky" /> | 6 <import src="app-panel-header.sky" /> |
| 7 <import src="app-panel-content.sky" /> | 7 <import src="app-panel-content.sky" /> |
| 8 <import src="app-toolbar.sky" /> | 8 <import src="app-toolbar.sky" /> |
| 9 <import src="app-search-input.sky" /> | 9 <import src="app-search-input.sky" /> |
| 10 <import src="app-scrollable.sky" /> | 10 <import src="app-scrollable.sky" /> |
| (...skipping 28 matching lines...) Expand all Loading... |
| 39 line-height: 30px; | 39 line-height: 30px; |
| 40 text-align: center; | 40 text-align: center; |
| 41 } | 41 } |
| 42 | 42 |
| 43 .tip-price { | 43 .tip-price { |
| 44 font-weight: bold; | 44 font-weight: bold; |
| 45 } | 45 } |
| 46 | 46 |
| 47 .route-result { | 47 .route-result { |
| 48 margin: 16px 16px 0 16px; | 48 margin: 16px 16px 0 16px; |
| 49 outline: 1px solid black; |
| 49 } | 50 } |
| 50 | 51 |
| 51 .route-title { | 52 .route-title { |
| 52 flex: 1; | 53 flex: 1; |
| 53 } | 54 } |
| 54 | 55 |
| 55 .airline { | 56 .airline { |
| 56 border-radius: 2px; | 57 border-radius: 2px; |
| 57 align-items: center; | 58 align-items: center; |
| 58 padding: 8px; | 59 padding: 8px; |
| (...skipping 139 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 198 <div class="toast-content"> | 199 <div class="toast-content"> |
| 199 <t>Flights are <span class="tip-price">$200</span> cheaper tomorrow.</t> | 200 <t>Flights are <span class="tip-price">$200</span> cheaper tomorrow.</t> |
| 200 </div> | 201 </div> |
| 201 </app-toast> | 202 </app-toast> |
| 202 </template> | 203 </template> |
| 203 <script> | 204 <script> |
| 204 module.exports = class extends SkyElement { | 205 module.exports = class extends SkyElement { |
| 205 }.register(); | 206 }.register(); |
| 206 </script> | 207 </script> |
| 207 </sky-element> | 208 </sky-element> |
| OLD | NEW |