OLD | NEW |
1 <sky> | 1 <sky> |
2 <import src="../resources/dump-as-render-tree.sky" /> | 2 <import src="../resources/dump-as-render-tree.sky" /> |
3 <style> | 3 <style> |
4 div { | 4 div { |
5 width: 100px; | 5 width: 100px; |
6 height: 100px; | 6 height: 100px; |
7 padding: 25px; | 7 padding: 25px; |
8 border: 25px dotted; | 8 border: 25px dotted; |
9 /* TODO(ojan): background-image appears to be broken. */ | 9 /* TODO(ojan): background-image appears to be broken. */ |
10 background-image: linear-gradient(top, yellow, yellow), linear-gradient(top,
blue, blue), -linear-gradient(top, green, green); | 10 background-image: linear-gradient(top, yellow, yellow), linear-gradient(top,
blue, blue), -linear-gradient(top, green, green); |
11 background-clip: content-box, padding-box, border-box; | 11 background-clip: content-box, padding-box, border-box; |
12 } | 12 } |
13 </style> | 13 </style> |
14 <!-- TODO(ojan): Make this a reftest once we support them. --> | 14 <!-- TODO(ojan): Make this a reftest once we support them. --> |
15 Test passes if the image below shows nested green, blue and yellow squares with
a dotted black border. | 15 <p>Test passes if the image below shows nested green, blue and yellow squares wi
th a dotted black border.</p> |
16 <div></div> | 16 <div></div> |
17 </sky> | 17 </sky> |
OLD | NEW |