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="sky-element.sky" /> | 6 <import src="sky-element.sky" /> |
7 <import src="sky-scrollable.sky" /> | 7 <import src="sky-scrollable.sky" /> |
8 | 8 |
9 <sky-element> | 9 <sky-element> |
10 <template> | 10 <template> |
11 <style> | 11 <style> |
12 #mask { | 12 #mask { |
13 background-color: black; | 13 background-color: black; |
14 will-change: opacity; | 14 will-change: opacity; |
15 position: absolute; | 15 position: absolute; |
16 top: 0; | 16 top: 0; |
17 left: 0; | 17 left: 0; |
18 bottom: 0; | 18 bottom: 0; |
19 right: 0; | 19 right: 0; |
20 } | 20 } |
21 #content { | 21 #content { |
22 background-color: white; | 22 background-color: #FAFAFA; |
23 will-change: transform; | 23 will-change: transform; |
24 position: absolute; | 24 position: absolute; |
25 width: 256px; | 25 width: 256px; |
26 top: 0; | 26 top: 0; |
27 left: 0; | 27 left: 0; |
28 bottom: 0; | 28 bottom: 0; |
29 } | 29 } |
30 </style> | 30 </style> |
31 <div id="mask" /> | 31 <div id="mask" /> |
32 <div id="content"> | 32 <div id="content"> |
(...skipping 121 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
154 begin: currentPosition, | 154 begin: currentPosition, |
155 end: targetPosition, | 155 end: targetPosition, |
156 duration: duration, | 156 duration: duration, |
157 curve: linear); | 157 curve: linear); |
158 } | 158 } |
159 } | 159 } |
160 | 160 |
161 _init(script) => register(script, SkyDrawer); | 161 _init(script) => register(script, SkyDrawer); |
162 </script> | 162 </script> |
163 </sky-element> | 163 </sky-element> |
OLD | NEW |