layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-reverse-ref.xhtml@44a2da4a2ab2
layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-reverse-ref.xhtml
Fri, 16 Jan 2015 04:50:19 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Fri, 16 Jan 2015 04:50:19 +0100
- branch
- TOR_BUG_9701
- changeset 13
- 44a2da4a2ab2
- permissions
- -rw-r--r--
Replace accessor implementation with direct member state manipulation, by
request https://trac.torproject.org/projects/tor/ticket/9701#comment:32
1 <?xml version="1.0" encoding="UTF-8"?>
2 <!--
3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/publicdomain/zero/1.0/
5 -->
6 <html xmlns="http://www.w3.org/1999/xhtml">
7 <head>
8 <title>CSS Reftest Reference</title>
9 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
10 <style>
11 div { height: 100px; border: 0; }
12 div.flexbox {
13 width: 200px;
14 }
15 div.a {
16 display: inline-block;
17 background: lightgreen;
18 border-style: dotted;
19 border-left-width: 2px;
20 border-right-width: 4px;
21 }
22 div.b {
23 display: inline-block;
24 background: yellow;
25 border-style: dashed;
26 border-left-width: 7px;
27 border-right-width: 3px;
28 }
29 div.c {
30 display: inline-block;
31 background: orange;
32 }
33 div.flexNone {
34 display: inline-block;
35 background: pink;
36 }
37 div.flexBasis {
38 display: inline-block;
39 background: gray;
40 }
41 div.spacer {
42 height: 15px;
43 background: purple;
44 }
45 </style>
46 </head>
47 <body>
48 <div class="flexbox">
49 <div class="b" style="width: 110px"/><div class="a" style="width: 74px"/>
50 </div>
51 <div class="flexbox">
52 <div class="c" style="width: 137.5px"/><div class="a" style="width: 56.5px"/>
53 </div>
54 <div class="flexbox">
55 <div class="flexNone"><div class="spacer" style="width: 15px"/>
56 </div><div class="a" style="width: 179px"/>
57 </div>
58 <div class="flexbox">
59 <div class="c" style="width: 124px"
60 /><div class="b" style="width: 66px"/>
61 </div>
62 <div class="flexbox">
63 <div class="flexNone"><div class="spacer" style="width: 30px"/>
64 </div><div class="b" style="width: 160px"/>
65 </div>
66 <div class="flexbox">
67 <div class="c" style="width: 85px"
68 /><div class="flexBasis" style="width: 20px"
69 /><div class="b" style="width: 40px"
70 /><div class="a" style="width: 39px"/>
71 </div>
72 </body>
73 </html>
