| 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 |
| 3 <sky-element name="app-toast"> |
| 2 <template> | 4 <template> |
| 3 <style> | 5 <style> |
| 4 :host { | 6 :host { |
| 5 position: absolute; | 7 position: absolute; |
| 6 bottom: 32px; | 8 bottom: 32px; |
| 7 right: 32px; | 9 right: 32px; |
| 8 max-width: 55%; | 10 max-width: 55%; |
| 9 box-shadow: 0px 0px 12px 2px rgba(22, 22, 22, 0.4); | 11 box-shadow: 0px 0px 12px 2px rgba(22, 22, 22, 0.4); |
| 10 background-color: #b0281a; | 12 background-color: #b0281a; |
| 11 background-image: linear-gradient(#E5D658, #DFCF43); | 13 background-image: linear-gradient(#E5D658, #DFCF43); |
| (...skipping 11 matching lines...) Expand all Loading... |
| 23 } | 25 } |
| 24 </style> | 26 </style> |
| 25 <div class="header"> | 27 <div class="header"> |
| 26 <content select=".toast-icon" /> | 28 <content select=".toast-icon" /> |
| 27 </div> | 29 </div> |
| 28 <div class="content"> | 30 <div class="content"> |
| 29 <content select=".toast-content" /> | 31 <content select=".toast-content" /> |
| 30 </div> | 32 </div> |
| 31 </template> | 33 </template> |
| 32 <script> | 34 <script> |
| 33 SkyElement({ | 35 module.exports = class extends SkyElement { |
| 34 name: "app-toast" | 36 }.register(); |
| 35 }); | |
| 36 </script> | 37 </script> |
| 38 </sky-element> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 788943003:
Make SkyElement more classy. (Closed)
Base URL: git@github.com:domokit/mojo.git@master