layout/reftests/w3c-css/submitted/values3/calc-min-width-block-1.html

Wed, 31 Dec 2014 07:22:50 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 07:22:50 +0100
branch
TOR_BUG_3246
changeset 4
fc2d59ddac77
permissions
-rw-r--r--

Correct previous dual key logic pending first delivery installment.

michael@0 1 <!DOCTYPE HTML>
michael@0 2 <html>
michael@0 3 <head>
michael@0 4 <title>CSS Test: min-width: calc() on blocks</title>
michael@0 5 <link rel="author" title="L. David Baron" href="http://dbaron.org/">
michael@0 6 <link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation">
michael@0 7 <meta name="flags" content="">
michael@0 8 <style type="text/css">
michael@0 9
michael@0 10 body { width: 500px }
michael@0 11 p { background: green; color: white; margin: 1px 0; font-size: 10px; width: 0 }
michael@0 12
michael@0 13 </style>
michael@0 14 </head>
michael@0 15 <body>
michael@0 16
michael@0 17 <p style="min-width: calc(50% - 3px)">50% - 3px</p>
michael@0 18 <p style="min-width: calc(25% - 3px + 25%)">25% - 3px + 25%</p>
michael@0 19 <p style="min-width: calc(25% - 3px + 12.5% * 2)">25% - 3px + 12.5% * 2</p>
michael@0 20 <p style="min-width: calc(25% - 3px + 12.5%*2)">25% - 3px + 12.5%*2</p>
michael@0 21 <p style="min-width: calc(25% - 3px + 2*12.5%)">25% - 3px + 2*12.5%</p>
michael@0 22 <p style="min-width: calc(25% - 3px + 2 * 12.5%)">25% - 3px + 2 * 12.5%</p>
michael@0 23 <p style="min-width: calc(30% + 20%)">30% + 20%</p>
michael@0 24 </body>
michael@0 25 </html>

mercurial