1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/w3c-css/submitted/values3/calc-background-linear-gradient-1.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,40 @@
1.4 +<!DOCTYPE html>
1.5 +<head>
1.6 + <title>CSS Test: Support calc() on gradient stop positions</title>
1.7 + <link rel="author" title="Yu-Sian (Thomasy) Liu" href="https://bugzilla.mozilla.org/show_bug.cgi?id=594935">
1.8 + <link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation">
1.9 + <meta name="flags" content="">
1.10 +<style type="text/css">
1.11 +div {
1.12 + width:100px;
1.13 + height:100px;
1.14 + background:red;
1.15 + margin:5px 0 0 5px;
1.16 + float:left;
1.17 +}
1.18 +div#one {
1.19 + background: linear-gradient(lime 0px, lime calc(100% - 10px), blue calc(100% - 10px), blue 100%);
1.20 +}
1.21 +div#two {
1.22 + background: linear-gradient(blue calc(100% - 100px) ,green calc(10% + 20px) ,red 40px ,white calc(100% - 40px) , lime 80px);
1.23 +}
1.24 +div#three {
1.25 + background: linear-gradient(blue calc(0px) ,purple calc(20%) ,red calc(10px + 10px + 20px) ,blue calc(30% + 30px) , lime calc(180% - 100px));
1.26 +}
1.27 +div#four {
1.28 + background: linear-gradient(blue calc(0% + 0px) ,green calc(10% + 20px) ,red 40px ,blue calc(200% / 2 - 40px) , yellow 80px);
1.29 +}
1.30 +div#five {
1.31 + background: linear-gradient(red calc(100% - 100px) ,green calc(10% + 20px));
1.32 +}
1.33 +
1.34 +</style>
1.35 +</head>
1.36 +<body>
1.37 +<div id="one">1</div>
1.38 +<div id="two">2</div>
1.39 +<div id="three">3</div>
1.40 +<div id="four">4</div>
1.41 +<div id="five">5</div>
1.42 +</body>
1.43 +</html>
