blob: 61c373c6e237bb26a57053eba7195fbd89346ab0 [file] [log] [blame]
<sky>
<import src="../resources/dump-as-render-tree.sky" />
<style>
div {
width: 100px;
height: 100px;
padding: 25px;
border: 25px dotted;
/* TODO(ojan): background-image appears to be broken. */
background-image: linear-gradient(top, yellow, yellow), linear-gradient(top, blue, blue), -linear-gradient(top, green, green);
background-clip: content-box, padding-box, border-box;
}
</style>
<!-- TODO(ojan): Make this a reftest once we support them. -->
<p>Test passes if the image below shows nested green, blue and yellow squares with a dotted black border.</p>
<div></div>
</sky>