1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/flexbox/flexbox-intrinsic-sizing-horiz-2-ref.xhtml Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,45 @@
1.4 +<?xml version="1.0" encoding="UTF-8"?>
1.5 +<!--
1.6 + Any copyright is dedicated to the Public Domain.
1.7 + http://creativecommons.org/publicdomain/zero/1.0/
1.8 +-->
1.9 +<!--
1.10 + This reference case has inline blocks in a div, in place of
1.11 + flex items in a flex container.
1.12 +-->
1.13 +<html xmlns="http://www.w3.org/1999/xhtml">
1.14 + <head>
1.15 + <style>
1.16 + body { margin: 0; }
1.17 +
1.18 + div.flexbox {
1.19 + width: -moz-max-content;
1.20 + /* We give the flex container a border and background so we can easily
1.21 + * see how large it is. */
1.22 + border: 2px dotted black;
1.23 + background: lime;
1.24 +
1.25 + font-size: 0; /* to prevent whitespace from having an effect */
1.26 + }
1.27 +
1.28 + div.wrapper {
1.29 + display: inline-block;
1.30 + border: 5px solid teal;
1.31 + width: 40px;
1.32 + height: 16px;
1.33 + }
1.34 + div.blueBlock {
1.35 + width: 16px;
1.36 + height: 16px;
1.37 + background: rgb(0, 19, 127); /* matches solidblue.png */
1.38 + }
1.39 + </style>
1.40 +</head>
1.41 +<body>
1.42 + <div class="flexbox">
1.43 + <div class="wrapper"><div class="blueBlock"/></div>
1.44 + <div class="wrapper"><div class="blueBlock"/></div>
1.45 + <div class="wrapper"><div class="blueBlock"/></div>
1.46 + </div>
1.47 +</body>
1.48 +</html>
