<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[173582] trunk/LayoutTests</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/173582">173582</a></dd>
<dt>Author</dt> <dd>dino@apple.com</dd>
<dt>Date</dt> <dd>2014-09-12 15:41:09 -0700 (Fri, 12 Sep 2014)</dd>
</dl>
<h3>Log Message</h3>
<pre>Import (some of) the W3C CSSWG flexbox tests
https://bugs.webkit.org/show_bug.cgi?id=136787
<rdar://problem/18325725>
Reviewed by Benjamin Poulain.
Take most of the tests from http://test.csswg.org/suites/css3-flexbox/nightly-unstable/html/toc.htm
and import them into LayoutTests.
I had to rearrange some things to follow our testing approach,
and I only included the ref tests. There are a handful of failures,
marked in TestExpectations, and tracked by:
https://bugs.webkit.org/show_bug.cgi?id=136754
* TestExpectations:
* css3/flexbox/csswg/Flexible-order-expected.html: Added.
* css3/flexbox/csswg/Flexible-order.html: Added.
* css3/flexbox/csswg/align-content-001-expected.html: Added.
* css3/flexbox/csswg/align-content-001.html: Added.
* css3/flexbox/csswg/css-box-justify-content-expected.html: Added.
* css3/flexbox/csswg/css-box-justify-content.html: Added.
* css3/flexbox/csswg/css-flexbox-column-expected.html: Added.
* css3/flexbox/csswg/css-flexbox-column.html: Added.
* css3/flexbox/csswg/css-flexbox-height-animation-stretch-expected.html: Added.
* css3/flexbox/csswg/css-flexbox-height-animation-stretch.html: Added.
* css3/flexbox/csswg/css-flexbox-img-expand-evenly-expected.html: Added.
* css3/flexbox/csswg/css-flexbox-img-expand-evenly.html: Added.
* css3/flexbox/csswg/css-flexbox-row-expected.html: Added.
* css3/flexbox/csswg/css-flexbox-row.html: Added.
* css3/flexbox/csswg/css-flexbox-test1-expected.html: Added.
* css3/flexbox/csswg/css-flexbox-test1.html: Added.
* css3/flexbox/csswg/flex-align-items-center-expected.html: Added.
* css3/flexbox/csswg/flex-align-items-center.html: Added.
* css3/flexbox/csswg/flex-box-wrap-expected.html: Added.
* css3/flexbox/csswg/flex-box-wrap.html: Added.
* css3/flexbox/csswg/flex-container-margin-expected.html: Added.
* css3/flexbox/csswg/flex-container-margin.html: Added.
* css3/flexbox/csswg/flex-direction-expected.html: Added.
* css3/flexbox/csswg/flex-direction-modify-expected.html: Added.
* css3/flexbox/csswg/flex-direction-modify.html: Added.
* css3/flexbox/csswg/flex-direction-with-element-insert-expected.html: Added.
* css3/flexbox/csswg/flex-direction-with-element-insert.html: Added.
* css3/flexbox/csswg/flex-direction-with-element-insert.html-expected.html: Added.
* css3/flexbox/csswg/flex-direction.html: Added.
* css3/flexbox/csswg/flex-direction.html-expected.html: Added.
* css3/flexbox/csswg/flex-flexitem-childmargin-expected.html: Added.
* css3/flexbox/csswg/flex-flexitem-childmargin.html: Added.
* css3/flexbox/csswg/flex-flexitem-percentage-prescation-expected.html: Added.
* css3/flexbox/csswg/flex-flexitem-percentage-prescation.html: Added.
* css3/flexbox/csswg/flex-flow-001-expected.html: Added.
* css3/flexbox/csswg/flex-flow-001.html: Added.
* css3/flexbox/csswg/flex-flow-002-expected.html: Added.
* css3/flexbox/csswg/flex-flow-002.html: Added.
* css3/flexbox/csswg/flex-flow-007-expected.html: Added.
* css3/flexbox/csswg/flex-flow-007.html: Added.
* css3/flexbox/csswg/flex-items-flexibility-expected.html: Added.
* css3/flexbox/csswg/flex-items-flexibility.html: Added.
* css3/flexbox/csswg/flex-items-flexibility.html-expected.html: Added.
* css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-column-reverse-expected.html: Added.
* css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-column-reverse.html: Added.
* css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-row-reverse-expected.html: Added.
* css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-row-reverse.html: Added.
* css3/flexbox/csswg/flex-lines/multi-line-wrap-with-column-reverse-expected.html: Added.
* css3/flexbox/csswg/flex-lines/multi-line-wrap-with-column-reverse.html: Added.
* css3/flexbox/csswg/flex-lines/multi-line-wrap-with-row-reverse-expected.html: Added.
* css3/flexbox/csswg/flex-lines/multi-line-wrap-with-row-reverse.html: Added.
* css3/flexbox/csswg/flex-margin-no-collapse-expected.html: Added.
* css3/flexbox/csswg/flex-margin-no-collapse.html: Added.
* css3/flexbox/csswg/flex-order-expected.html: Added.
* css3/flexbox/csswg/flex-order.html: Added.
* css3/flexbox/csswg/flex-vertical-align-effect-expected.html: Added.
* css3/flexbox/csswg/flex-vertical-align-effect.html: Added.
* css3/flexbox/csswg/flex-vertical-align-effect.html-expected.html: Added
* css3/flexbox/csswg/flexbox-flex-wrap-flexing-expected.html: Added.
* css3/flexbox/csswg/flexbox-flex-wrap-flexing.html: Added.
* css3/flexbox/csswg/flexbox-flex-wrap-nowrap-expected.html: Added.
* css3/flexbox/csswg/flexbox-flex-wrap-nowrap.html: Added.
* css3/flexbox/csswg/flexbox_absolute-atomic-expected.html: Added.
* css3/flexbox/csswg/flexbox_absolute-atomic.html: Added.
* css3/flexbox/csswg/flexbox_align-content-center-expected.html: Added.
* css3/flexbox/csswg/flexbox_align-content-center.html: Added.
* css3/flexbox/csswg/flexbox_align-content-flexend-expected.html: Added.
* css3/flexbox/csswg/flexbox_align-content-flexend.html: Added.
* css3/flexbox/csswg/flexbox_align-content-flexstart-expected.html: Added.
* css3/flexbox/csswg/flexbox_align-content-flexstart.html: Added.
* css3/flexbox/csswg/flexbox_align-content-spacearound-expected.html: Added.
* css3/flexbox/csswg/flexbox_align-content-spacearound.html: Added.
* css3/flexbox/csswg/flexbox_align-content-spacebetween-expected.html: Added.
* css3/flexbox/csswg/flexbox_align-content-spacebetween.html: Added.
* css3/flexbox/csswg/flexbox_align-content-stretch-2-expected.html: Added.
* css3/flexbox/csswg/flexbox_align-content-stretch-2.html: Added.
* css3/flexbox/csswg/flexbox_align-content-stretch-expected.html: Added.
* css3/flexbox/csswg/flexbox_align-content-stretch.html: Added.
* css3/flexbox/csswg/flexbox_align-items-baseline-expected.html: Added.
* css3/flexbox/csswg/flexbox_align-items-baseline.html: Added.
* css3/flexbox/csswg/flexbox_align-items-center-2-expected.html: Added.
* css3/flexbox/csswg/flexbox_align-items-center-2.html: Added.
* css3/flexbox/csswg/flexbox_align-items-center-expected.html: Added.
* css3/flexbox/csswg/flexbox_align-items-center.html: Added.
* css3/flexbox/csswg/flexbox_align-items-flexend-2-expected.html: Added.
* css3/flexbox/csswg/flexbox_align-items-flexend-2.html: Added.
* css3/flexbox/csswg/flexbox_align-items-flexend-expected.html: Added.
* css3/flexbox/csswg/flexbox_align-items-flexend.html: Added.
* css3/flexbox/csswg/flexbox_align-items-flexstart-2-expected.html: Added.
* css3/flexbox/csswg/flexbox_align-items-flexstart-2.html: Added.
* css3/flexbox/csswg/flexbox_align-items-flexstart-expected.html: Added.
* css3/flexbox/csswg/flexbox_align-items-flexstart.html: Added.
* css3/flexbox/csswg/flexbox_align-items-stretch-2-expected.html: Added.
* css3/flexbox/csswg/flexbox_align-items-stretch-2.html: Added.
* css3/flexbox/csswg/flexbox_align-items-stretch-expected.html: Added.
* css3/flexbox/csswg/flexbox_align-items-stretch.html: Added.
* css3/flexbox/csswg/flexbox_align-self-auto-expected.html: Added.
* css3/flexbox/csswg/flexbox_align-self-auto.html: Added.
* css3/flexbox/csswg/flexbox_align-self-baseline-expected.html: Added.
* css3/flexbox/csswg/flexbox_align-self-baseline.html: Added.
* css3/flexbox/csswg/flexbox_align-self-center-expected.html: Added.
* css3/flexbox/csswg/flexbox_align-self-center.html: Added.
* css3/flexbox/csswg/flexbox_align-self-flexend-expected.html: Added.
* css3/flexbox/csswg/flexbox_align-self-flexend.html: Added.
* css3/flexbox/csswg/flexbox_align-self-flexstart-expected.html: Added.
* css3/flexbox/csswg/flexbox_align-self-flexstart.html: Added.
* css3/flexbox/csswg/flexbox_align-self-stretch-expected.html: Added.
* css3/flexbox/csswg/flexbox_align-self-stretch.html: Added.
* css3/flexbox/csswg/flexbox_box-clear-expected.html: Added.
* css3/flexbox/csswg/flexbox_box-clear.html: Added.
* css3/flexbox/csswg/flexbox_columns-expected.html: Added.
* css3/flexbox/csswg/flexbox_columns-flexitems-2-expected.html: Added.
* css3/flexbox/csswg/flexbox_columns-flexitems-2.html: Added.
* css3/flexbox/csswg/flexbox_columns-flexitems-expected.html: Added.
* css3/flexbox/csswg/flexbox_columns-flexitems.html: Added.
* css3/flexbox/csswg/flexbox_columns.html: Added.
* css3/flexbox/csswg/flexbox_direction-column-expected.html: Added.
* css3/flexbox/csswg/flexbox_direction-column-reverse-expected.html: Added.
* css3/flexbox/csswg/flexbox_direction-column-reverse.html: Added.
* css3/flexbox/csswg/flexbox_direction-column.html: Added.
* css3/flexbox/csswg/flexbox_direction-row-reverse-expected.html: Added.
* css3/flexbox/csswg/flexbox_direction-row-reverse.html: Added.
* css3/flexbox/csswg/flexbox_display-expected.html: Added.
* css3/flexbox/csswg/flexbox_display.html: Added.
* css3/flexbox/csswg/flexbox_empty-expected.html: Added.
* css3/flexbox/csswg/flexbox_fbfc-expected.html: Added.
* css3/flexbox/csswg/flexbox_fbfc.html: Added.
* css3/flexbox/csswg/flexbox_fbfc2-expected.html: Added.
* css3/flexbox/csswg/flexbox_fbfc2.html: Added.
* css3/flexbox/csswg/flexbox_first-line-expected.html: Added.
* css3/flexbox/csswg/flexbox_first-line.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-0-0-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-0-0.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-0-N-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-0-N-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-0-N-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-0-N.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-0-Npercent-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-0-Npercent-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-0-Npercent-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-0-Npercent.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-0-auto-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-0-auto-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-0-auto-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-0-auto.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-1-0-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-1-0.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-1-N-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-1-N-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-1-N-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-1-N.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-1-Npercent-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-1-Npercent-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-1-Npercent-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-1-Npercent.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-1-auto-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-1-auto-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-1-auto-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-1-auto.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-N-0-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-N-0.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-N-N-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-N-N-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-N-N-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-N-N.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-N-Npercent-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-N-Npercent-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-N-Npercent-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-N-Npercent.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-N-auto-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-N-auto-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-N-auto-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-0-N-auto.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-0-0-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-0-0.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-0-N-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-0-N-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-0-N-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-0-N.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-0-Npercent-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-0-Npercent-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-0-Npercent-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-0-Npercent.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-0-auto-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-0-auto-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-0-auto-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-0-auto.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-1-0-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-1-0.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-1-N-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-1-N-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-1-N-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-1-N.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-1-Npercent-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-1-Npercent-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-1-Npercent-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-1-Npercent.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-1-auto-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-1-auto-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-1-auto-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-1-auto.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-N-0-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-N-0.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-N-N-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-N-N-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-N-N-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-N-N.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-N-Npercent-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-N-Npercent-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-N-Npercent-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-N-Npercent.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-N-auto-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-N-auto-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-N-auto-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-1-N-auto.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-0-0-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-0-0.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-0-N-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-0-N-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-0-N-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-0-N.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-0-Npercent-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-0-Npercent-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-0-Npercent-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-0-Npercent.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-0-auto-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-0-auto-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-0-auto-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-0-auto.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-1-0-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-1-0.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-1-N-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-1-N-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-1-N-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-1-N.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-1-Npercent-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-1-Npercent-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-1-Npercent-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-1-Npercent.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-1-auto-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-1-auto-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-1-auto-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-1-auto.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-N-0-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-N-0.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-N-N-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-N-N-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-N-N-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-N-N.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-N-Npercent-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-N-Npercent-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-N-Npercent-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-N-Npercent.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-N-auto-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-N-auto-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-N-auto-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-N-N-auto.html: Added.
* css3/flexbox/csswg/flexbox_flex-auto-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-auto.html: Added.
* css3/flexbox/csswg/flexbox_flex-basis-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-basis-shrink-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-basis-shrink.html: Added.
* css3/flexbox/csswg/flexbox_flex-basis.html: Added.
* css3/flexbox/csswg/flexbox_flex-formatting-interop-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-formatting-interop.html: Added.
* css3/flexbox/csswg/flexbox_flex-initial-2-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-initial-2.html: Added.
* css3/flexbox/csswg/flexbox_flex-initial-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-initial.html: Added.
* css3/flexbox/csswg/flexbox_flex-natural-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-natural-mixed-basis-auto-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-natural-mixed-basis-auto.html: Added.
* css3/flexbox/csswg/flexbox_flex-natural-mixed-basis-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-natural-mixed-basis.html: Added.
* css3/flexbox/csswg/flexbox_flex-natural-variable-auto-basis-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-natural-variable-auto-basis.html: Added.
* css3/flexbox/csswg/flexbox_flex-natural-variable-zero-basis-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-natural-variable-zero-basis.html: Added.
* css3/flexbox/csswg/flexbox_flex-natural.html: Added.
* css3/flexbox/csswg/flexbox_flex-none-expected.html: Added.
* css3/flexbox/csswg/flexbox_flex-none.html: Added.
* css3/flexbox/csswg/flexbox_flex-unitless-basis-expected.html: Added.
* css3/flexbox/csswg/flexbox_flow-column-reverse-wrap-expected.html: Added.
* css3/flexbox/csswg/flexbox_flow-column-reverse-wrap-reverse-expected.html: Added.
* css3/flexbox/csswg/flexbox_flow-column-reverse-wrap-reverse.html: Added.
* css3/flexbox/csswg/flexbox_flow-column-reverse-wrap.html: Added.
* css3/flexbox/csswg/flexbox_flow-column-wrap-expected.html: Added.
* css3/flexbox/csswg/flexbox_flow-column-wrap-reverse-expected.html: Added.
* css3/flexbox/csswg/flexbox_flow-column-wrap-reverse.html: Added.
* css3/flexbox/csswg/flexbox_flow-column-wrap.html: Added.
* css3/flexbox/csswg/flexbox_flow-row-wrap-expected.html: Added.
* css3/flexbox/csswg/flexbox_flow-row-wrap-reverse-expected.html: Added.
* css3/flexbox/csswg/flexbox_flow-row-wrap-reverse.html: Added.
* css3/flexbox/csswg/flexbox_flow-row-wrap.html: Added.
* css3/flexbox/csswg/flexbox_generated-container-expected.html: Added.
* css3/flexbox/csswg/flexbox_generated-container.html: Added.
* css3/flexbox/csswg/flexbox_generated-expected.html: Added.
* css3/flexbox/csswg/flexbox_generated-flex-expected.html: Added.
* css3/flexbox/csswg/flexbox_generated-flex.html: Added.
* css3/flexbox/csswg/flexbox_generated.html: Added.
* css3/flexbox/csswg/flexbox_inline-expected.html: Added.
* css3/flexbox/csswg/flexbox_inline.html: Added.
* css3/flexbox/csswg/flexbox_item-bottom-float-expected.html: Added.
* css3/flexbox/csswg/flexbox_item-bottom-float.html: Added.
* css3/flexbox/csswg/flexbox_item-clear-expected.html: Added.
* css3/flexbox/csswg/flexbox_item-clear.html: Added.
* css3/flexbox/csswg/flexbox_item-float-expected.html: Added.
* css3/flexbox/csswg/flexbox_item-float.html: Added.
* css3/flexbox/csswg/flexbox_item-top-float-expected.html: Added.
* css3/flexbox/csswg/flexbox_item-top-float.html: Added.
* css3/flexbox/csswg/flexbox_item-vertical-align-expected.html: Added.
* css3/flexbox/csswg/flexbox_item-vertical-align.html: Added.
* css3/flexbox/csswg/flexbox_justifycontent-center-expected.html: Added.
* css3/flexbox/csswg/flexbox_justifycontent-center-overflow-expected.html: Added.
* css3/flexbox/csswg/flexbox_justifycontent-center-overflow.html: Added.
* css3/flexbox/csswg/flexbox_justifycontent-center.html: Added.
* css3/flexbox/csswg/flexbox_justifycontent-flex-end-expected.html: Added.
* css3/flexbox/csswg/flexbox_justifycontent-flex-end.html: Added.
* css3/flexbox/csswg/flexbox_justifycontent-flex-start-expected.html: Added.
* css3/flexbox/csswg/flexbox_justifycontent-flex-start.html: Added.
* css3/flexbox/csswg/flexbox_justifycontent-spacearound-expected.html: Added.
* css3/flexbox/csswg/flexbox_justifycontent-spacearound-negative-expected.html: Added.
* css3/flexbox/csswg/flexbox_justifycontent-spacearound-negative.html: Added.
* css3/flexbox/csswg/flexbox_justifycontent-spacearound-only-expected.html: Added.
* css3/flexbox/csswg/flexbox_justifycontent-spacearound-only.html: Added.
* css3/flexbox/csswg/flexbox_justifycontent-spacearound.html: Added.
* css3/flexbox/csswg/flexbox_justifycontent-spacebetween-expected.html: Added.
* css3/flexbox/csswg/flexbox_justifycontent-spacebetween-negative-expected.html: Added.
* css3/flexbox/csswg/flexbox_justifycontent-spacebetween-negative.html: Added.
* css3/flexbox/csswg/flexbox_justifycontent-spacebetween-only-expected.html: Added.
* css3/flexbox/csswg/flexbox_justifycontent-spacebetween-only.html: Added.
* css3/flexbox/csswg/flexbox_justifycontent-spacebetween.html: Added.
* css3/flexbox/csswg/flexbox_margin-auto-expected.html: Added.
* css3/flexbox/csswg/flexbox_margin-auto-overflow-2-expected.html: Added.
* css3/flexbox/csswg/flexbox_margin-auto-overflow-2.html: Added.
* css3/flexbox/csswg/flexbox_margin-auto-overflow-expected.html: Added.
* css3/flexbox/csswg/flexbox_margin-auto-overflow.html: Added.
* css3/flexbox/csswg/flexbox_margin-auto.html: Added.
* css3/flexbox/csswg/flexbox_margin-collapse-expected.html: Added.
* css3/flexbox/csswg/flexbox_margin-collapse.html: Added.
* css3/flexbox/csswg/flexbox_margin-expected.html: Added.
* css3/flexbox/csswg/flexbox_margin-left-ex-expected.html: Added.
* css3/flexbox/csswg/flexbox_margin-left-ex.html: Added.
* css3/flexbox/csswg/flexbox_margin.html: Added.
* css3/flexbox/csswg/flexbox_min-height-auto-expected.html: Added.
* css3/flexbox/csswg/flexbox_min-height-auto.html: Added.
* css3/flexbox/csswg/flexbox_min-width-auto-expected.html: Added.
* css3/flexbox/csswg/flexbox_min-width-auto.html: Added.
* css3/flexbox/csswg/flexbox_object-expected.html: Added.
* css3/flexbox/csswg/flexbox_object.html: Added.
* css3/flexbox/csswg/flexbox_order-abspos-space-around-expected.html: Added.
* css3/flexbox/csswg/flexbox_order-abspos-space-around.html: Added.
* css3/flexbox/csswg/flexbox_order-box-expected.html: Added.
* css3/flexbox/csswg/flexbox_order-box.html: Added.
* css3/flexbox/csswg/flexbox_order-expected.html: Added.
* css3/flexbox/csswg/flexbox_order.html: Added.
* css3/flexbox/csswg/flexbox_rowspan-expected.html: Added.
* css3/flexbox/csswg/flexbox_rowspan.html: Added.
* css3/flexbox/csswg/flexbox_rtl-direction-expected.html: Added.
* css3/flexbox/csswg/flexbox_rtl-direction.html: Added.
* css3/flexbox/csswg/flexbox_rtl-flow-expected.html: Added.
* css3/flexbox/csswg/flexbox_rtl-flow-reverse-expected.html: Added.
* css3/flexbox/csswg/flexbox_rtl-flow-reverse.html: Added.
* css3/flexbox/csswg/flexbox_rtl-flow.html: Added.
* css3/flexbox/csswg/flexbox_rtl-order-expected.html: Added.
* css3/flexbox/csswg/flexbox_rtl-order.html: Added.
* css3/flexbox/csswg/flexbox_stf-table-singleline-expected.html: Added.
* css3/flexbox/csswg/flexbox_stf-table-singleline.html: Added.
* css3/flexbox/csswg/flexbox_visibility-collapse-expected.html: Added.
* css3/flexbox/csswg/flexbox_visibility-collapse-line-wrapping-expected.html: Added.
* css3/flexbox/csswg/flexbox_visibility-collapse-line-wrapping.html: Added.
* css3/flexbox/csswg/flexbox_visibility-collapse.html: Added.
* css3/flexbox/csswg/flexbox_wrap-expected.html: Added.
* css3/flexbox/csswg/flexbox_wrap-long-expected.html: Added.
* css3/flexbox/csswg/flexbox_wrap-long.html: Added.
* css3/flexbox/csswg/flexbox_wrap-reverse-expected.html: Added.
* css3/flexbox/csswg/flexbox_wrap-reverse.html: Added.
* css3/flexbox/csswg/flexbox_wrap.html: Added.
* css3/flexbox/csswg/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-expected.html: Added.
* css3/flexbox/csswg/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom.html: Added.
* css3/flexbox/csswg/justify-content-001-expected.html: Added.
* css3/flexbox/csswg/justify-content-001.html: Added.
* css3/flexbox/csswg/order/order-with-column-reverse-expected.html: Added.
* css3/flexbox/csswg/order/order-with-column-reverse.html: Added.
* css3/flexbox/csswg/order/order-with-row-reverse-expected.html: Added.
* css3/flexbox/csswg/order/order-with-row-reverse.html: Added.
* css3/flexbox/csswg/ref-filled-green-100px-square-expected.html: Added.
* css3/flexbox/csswg/ref-filled-green-100px-square.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-align-content-center-expected.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-align-content-center.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-align-content-end-expected.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-align-content-end.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-align-content-space-between-expected.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-align-content-space-between.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-align-content-start-expected.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-align-content-start.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-base-expected.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-base.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-direction-column-expected.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-direction-column-reverse-expected.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-direction-column-reverse.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-direction-column.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-direction-row-reverse-expected.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-direction-row-reverse.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-inline-expected.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-inline.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-order-expected.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-order.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-wrap-expected.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-wrap-reverse-expected.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-wrap-reverse.html: Added.
* css3/flexbox/csswg/ttwf-reftest-flex-wrap.html: Added.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsChangeLog">trunk/LayoutTests/ChangeLog</a></li>
<li><a href="#trunkLayoutTestsTestExpectations">trunk/LayoutTests/TestExpectations</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li>trunk/LayoutTests/css3/flexbox/csswg/</li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgFlexibleorderexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/Flexible-order-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgFlexibleorderhtml">trunk/LayoutTests/css3/flexbox/csswg/Flexible-order.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgaligncontent001expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/align-content-001-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgaligncontent001html">trunk/LayoutTests/css3/flexbox/csswg/align-content-001.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgcssboxjustifycontentexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/css-box-justify-content-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgcssboxjustifycontenthtml">trunk/LayoutTests/css3/flexbox/csswg/css-box-justify-content.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgcssflexboxcolumnexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-column-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgcssflexboxcolumnhtml">trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-column.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgcssflexboxheightanimationstretchexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-height-animation-stretch-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgcssflexboxheightanimationstretchhtml">trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-height-animation-stretch.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgcssflexboximgexpandevenlyexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-img-expand-evenly-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgcssflexboximgexpandevenlyhtml">trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-img-expand-evenly.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgcssflexboxrowexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-row-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgcssflexboxrowhtml">trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-row.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgcssflexboxtest1expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-test1-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgcssflexboxtest1html">trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-test1.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexalignitemscenterexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-align-items-center-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexalignitemscenterhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-align-items-center.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexboxwrapexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-box-wrap-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexboxwraphtml">trunk/LayoutTests/css3/flexbox/csswg/flex-box-wrap.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexcontainermarginexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-container-margin-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexcontainermarginhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-container-margin.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexdirectionexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-direction-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexdirectionmodifyexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-direction-modify-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexdirectionmodifyhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-direction-modify.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexdirectionwithelementinsertexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-direction-with-element-insert-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexdirectionwithelementinserthtml">trunk/LayoutTests/css3/flexbox/csswg/flex-direction-with-element-insert.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexdirectionwithelementinserthtmlexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-direction-with-element-insert.html-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexdirectionhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-direction.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexdirectionhtmlexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-direction.html-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexflexitemchildmarginexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-flexitem-childmargin-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexflexitemchildmarginhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-flexitem-childmargin.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexflexitempercentageprescationexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-flexitem-percentage-prescation-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexflexitempercentageprescationhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-flexitem-percentage-prescation.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexflow001expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-flow-001-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexflow001html">trunk/LayoutTests/css3/flexbox/csswg/flex-flow-001.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexflow002expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-flow-002-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexflow002html">trunk/LayoutTests/css3/flexbox/csswg/flex-flow-002.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexflow007expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-flow-007-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexflow007html">trunk/LayoutTests/css3/flexbox/csswg/flex-flow-007.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexitemsflexibilityexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-items-flexibility-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexitemsflexibilityhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-items-flexibility.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexitemsflexibilityhtmlexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-items-flexibility.html-expected.html</a></li>
<li>trunk/LayoutTests/css3/flexbox/csswg/flex-lines/</li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexlinesmultilinewrapreversecolumnreverseexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-column-reverse-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexlinesmultilinewrapreversecolumnreversehtml">trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-column-reverse.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexlinesmultilinewrapreverserowreverseexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-row-reverse-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexlinesmultilinewrapreverserowreversehtml">trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-row-reverse.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexlinesmultilinewrapwithcolumnreverseexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-with-column-reverse-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexlinesmultilinewrapwithcolumnreversehtml">trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-with-column-reverse.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexlinesmultilinewrapwithrowreverseexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-with-row-reverse-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexlinesmultilinewrapwithrowreversehtml">trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-with-row-reverse.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexmarginnocollapseexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-margin-no-collapse-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexmarginnocollapsehtml">trunk/LayoutTests/css3/flexbox/csswg/flex-margin-no-collapse.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexorderexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-order-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexorderhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-order.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexverticalaligneffectexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-vertical-align-effect-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexverticalaligneffecthtml">trunk/LayoutTests/css3/flexbox/csswg/flex-vertical-align-effect.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexverticalaligneffecthtmlexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flex-vertical-align-effect.html-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexboxflexwrapflexingexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox-flex-wrap-flexing-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexboxflexwrapflexinghtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox-flex-wrap-flexing.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexboxflexwrapnowrapexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox-flex-wrap-nowrap-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexboxflexwrapnowraphtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox-flex-wrap-nowrap.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_absoluteatomicexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_absolute-atomic-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_absoluteatomichtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_absolute-atomic.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentcenterexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-center-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentcenterhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-center.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentflexendexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-flexend-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentflexendhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-flexend.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentflexstartexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-flexstart-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentflexstarthtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-flexstart.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentspacearoundexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-spacearound-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentspacearoundhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-spacearound.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentspacebetweenexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-spacebetween-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentspacebetweenhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-spacebetween.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentstretch2expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-stretch-2-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentstretch2html">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-stretch-2.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentstretchexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-stretch-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentstretchhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-stretch.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsbaselineexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-baseline-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsbaselinehtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-baseline.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignitemscenter2expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-center-2-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignitemscenter2html">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-center-2.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignitemscenterexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-center-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignitemscenterhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-center.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsflexend2expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexend-2-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsflexend2html">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexend-2.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsflexendexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexend-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsflexendhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexend.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsflexstart2expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexstart-2-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsflexstart2html">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexstart-2.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsflexstartexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexstart-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsflexstarthtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexstart.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsstretch2expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-stretch-2-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsstretch2html">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-stretch-2.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsstretchexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-stretch-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsstretchhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-stretch.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignselfautoexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-auto-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignselfautohtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-auto.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignselfbaselineexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-baseline-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignselfbaselinehtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-baseline.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignselfcenterexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-center-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignselfcenterhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-center.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignselfflexendexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-flexend-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignselfflexendhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-flexend.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignselfflexstartexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-flexstart-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignselfflexstarthtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-flexstart.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignselfstretchexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-stretch-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_alignselfstretchhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-stretch.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_boxclearexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_box-clear-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_boxclearhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_box-clear.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_columnsexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_columnsflexitems2expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-flexitems-2-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_columnsflexitems2html">trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-flexitems-2.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_columnsflexitemsexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-flexitems-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_columnsflexitemshtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-flexitems.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_columnshtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_directioncolumnexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-column-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_directioncolumnreverseexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-column-reverse-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_directioncolumnreversehtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-column-reverse.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_directioncolumnhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-column.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_directionrowreverseexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-row-reverse-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_directionrowreversehtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-row-reverse.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_displayexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_display-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_displayhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_display.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_emptyexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_empty-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_fbfcexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_fbfc-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_fbfchtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_fbfc.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_fbfc2expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_fbfc2-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_fbfc2html">trunk/LayoutTests/css3/flexbox/csswg/flexbox_fbfc2.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_firstlineexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_first-line-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_firstlinehtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_first-line.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex000expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-0-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex000html">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-0.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex00Nexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-N-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex00Nshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-N-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex00Nshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-N-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex00Nhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-N.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex00Npercentexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-Npercent-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex00Npercentshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-Npercent-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex00Npercentshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-Npercent-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex00Npercenthtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-Npercent.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex00autoexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-auto-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex00autoshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-auto-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex00autoshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-auto-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex00autohtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-auto.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex010expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-0-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex010html">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-0.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex01Nexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-N-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex01Nshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-N-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex01Nshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-N-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex01Nhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-N.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex01Npercentexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-Npercent-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex01Npercentshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-Npercent-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex01Npercentshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-Npercent-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex01Npercenthtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-Npercent.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex01autoexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-auto-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex01autoshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-auto-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex01autoshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-auto-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex01autohtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-auto.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex0N0expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-0-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex0N0html">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-0.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex0NNexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-N-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex0NNshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-N-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex0NNshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-N-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex0NNhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-N.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex0NNpercentexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-Npercent-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex0NNpercentshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-Npercent-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex0NNpercentshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-Npercent-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex0NNpercenthtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-Npercent.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex0Nautoexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-auto-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex0Nautoshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-auto-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex0Nautoshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-auto-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex0Nautohtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-auto.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex100expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-0-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex100html">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-0.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex10Nexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-N-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex10Nshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-N-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex10Nshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-N-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex10Nhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-N.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex10Npercentexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-Npercent-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex10Npercentshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-Npercent-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex10Npercentshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-Npercent-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex10Npercenthtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-Npercent.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex10autoexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-auto-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex10autoshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-auto-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex10autoshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-auto-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex10autohtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-auto.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex110expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-0-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex110html">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-0.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex11Nexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-N-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex11Nshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-N-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex11Nshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-N-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex11Nhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-N.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex11Npercentexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-Npercent-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex11Npercentshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-Npercent-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex11Npercentshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-Npercent-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex11Npercenthtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-Npercent.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex11autoexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-auto-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex11autoshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-auto-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex11autoshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-auto-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex11autohtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-auto.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex1N0expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-0-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex1N0html">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-0.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex1NNexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-N-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex1NNshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-N-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex1NNshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-N-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex1NNhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-N.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex1NNpercentexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-Npercent-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex1NNpercentshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-Npercent-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex1NNpercentshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-Npercent-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex1NNpercenthtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-Npercent.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex1Nautoexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-auto-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex1Nautoshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-auto-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex1Nautoshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-auto-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flex1Nautohtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-auto.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN00expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-0-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN00html">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-0.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN0Nexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-N-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN0Nshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-N-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN0Nshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-N-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN0Nhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-N.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN0Npercentexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-Npercent-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN0Npercentshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-Npercent-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN0Npercentshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-Npercent-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN0Npercenthtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-Npercent.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN0autoexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-auto-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN0autoshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-auto-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN0autoshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-auto-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN0autohtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-auto.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN10expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-0-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN10html">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-0.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN1Nexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-N-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN1Nshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-N-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN1Nshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-N-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN1Nhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-N.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN1Npercentexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-Npercent-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN1Npercentshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-Npercent-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN1Npercentshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-Npercent-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN1Npercenthtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-Npercent.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN1autoexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-auto-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN1autoshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-auto-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN1autoshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-auto-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexN1autohtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-auto.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexNN0expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-0-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexNN0html">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-0.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexNNNexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-N-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexNNNshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-N-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexNNNshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-N-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexNNNhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-N.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexNNNpercentexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-Npercent-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexNNNpercentshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-Npercent-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexNNNpercentshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-Npercent-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexNNNpercenthtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-Npercent.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexNNautoexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-auto-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexNNautoshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-auto-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexNNautoshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-auto-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexNNautohtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-auto.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexautoexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-auto-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexautohtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-auto.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexbasisexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-basis-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexbasisshrinkexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-basis-shrink-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexbasisshrinkhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-basis-shrink.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexbasishtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-basis.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexformattinginteropexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-formatting-interop-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexformattinginterophtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-formatting-interop.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexinitial2expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-initial-2-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexinitial2html">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-initial-2.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexinitialexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-initial-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexinitialhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-initial.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexnaturalexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexnaturalmixedbasisautoexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-mixed-basis-auto-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexnaturalmixedbasisautohtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-mixed-basis-auto.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexnaturalmixedbasisexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-mixed-basis-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexnaturalmixedbasishtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-mixed-basis.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexnaturalvariableautobasisexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-variable-auto-basis-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexnaturalvariableautobasishtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-variable-auto-basis.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexnaturalvariablezerobasisexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-variable-zero-basis-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexnaturalvariablezerobasishtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-variable-zero-basis.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexnaturalhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexnoneexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-none-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexnonehtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-none.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flexunitlessbasisexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-unitless-basis-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flowcolumnreversewrapexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-reverse-wrap-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flowcolumnreversewrapreverseexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-reverse-wrap-reverse-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flowcolumnreversewrapreversehtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-reverse-wrap-reverse.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flowcolumnreversewraphtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-reverse-wrap.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flowcolumnwrapexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-wrap-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flowcolumnwrapreverseexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-wrap-reverse-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flowcolumnwrapreversehtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-wrap-reverse.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flowcolumnwraphtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-wrap.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flowrowwrapexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-row-wrap-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flowrowwrapreverseexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-row-wrap-reverse-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flowrowwrapreversehtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-row-wrap-reverse.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_flowrowwraphtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-row-wrap.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_generatedcontainerexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-container-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_generatedcontainerhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-container.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_generatedexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_generatedflexexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-flex-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_generatedflexhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-flex.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_generatedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_inlineexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_inline-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_inlinehtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_inline.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_itembottomfloatexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-bottom-float-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_itembottomfloathtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-bottom-float.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_itemclearexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-clear-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_itemclearhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-clear.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_itemfloatexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-float-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_itemfloathtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-float.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_itemtopfloatexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-top-float-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_itemtopfloathtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-top-float.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_itemverticalalignexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-vertical-align-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_itemverticalalignhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-vertical-align.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentcenterexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-center-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentcenteroverflowexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-center-overflow-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentcenteroverflowhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-center-overflow.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentcenterhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-center.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentflexendexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-flex-end-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentflexendhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-flex-end.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentflexstartexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-flex-start-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentflexstarthtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-flex-start.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacearoundexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacearoundnegativeexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-negative-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacearoundnegativehtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-negative.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacearoundonlyexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-only-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacearoundonlyhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-only.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacearoundhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacebetweenexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacebetweennegativeexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-negative-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacebetweennegativehtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-negative.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacebetweenonlyexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-only-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacebetweenonlyhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-only.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacebetweenhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_marginautoexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_marginautooverflow2expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-overflow-2-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_marginautooverflow2html">trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-overflow-2.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_marginautooverflowexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-overflow-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_marginautooverflowhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-overflow.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_marginautohtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_margincollapseexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-collapse-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_margincollapsehtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-collapse.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_marginexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_marginleftexexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-left-ex-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_marginleftexhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-left-ex.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_marginhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_minheightautoexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_min-height-auto-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_minheightautohtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_min-height-auto.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_minwidthautoexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_min-width-auto-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_minwidthautohtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_min-width-auto.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_objectexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_object-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_objecthtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_object.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_orderabsposspacearoundexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-abspos-space-around-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_orderabsposspacearoundhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-abspos-space-around.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_orderboxexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-box-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_orderboxhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-box.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_orderexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_orderhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_order.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_rowspanexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_rowspan-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_rowspanhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_rowspan.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_rtldirectionexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-direction-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_rtldirectionhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-direction.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_rtlflowexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-flow-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_rtlflowreverseexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-flow-reverse-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_rtlflowreversehtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-flow-reverse.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_rtlflowhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-flow.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_rtlorderexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-order-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_rtlorderhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-order.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_stftablesinglelineexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_stf-table-singleline-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_stftablesinglelinehtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_stf-table-singleline.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_visibilitycollapseexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_visibility-collapse-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_visibilitycollapselinewrappingexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_visibility-collapse-line-wrapping-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_visibilitycollapselinewrappinghtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_visibility-collapse-line-wrapping.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_visibilitycollapsehtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_visibility-collapse.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_wrapexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_wraplongexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-long-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_wraplonghtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-long.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_wrapreverseexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-reverse-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_wrapreversehtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-reverse.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_wraphtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottomexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgflexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottomhtml">trunk/LayoutTests/css3/flexbox/csswg/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgjustifycontent001expectedhtml">trunk/LayoutTests/css3/flexbox/csswg/justify-content-001-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgjustifycontent001html">trunk/LayoutTests/css3/flexbox/csswg/justify-content-001.html</a></li>
<li>trunk/LayoutTests/css3/flexbox/csswg/order/</li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgorderorderwithcolumnreverseexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/order/order-with-column-reverse-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgorderorderwithcolumnreversehtml">trunk/LayoutTests/css3/flexbox/csswg/order/order-with-column-reverse.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgorderorderwithrowreverseexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/order/order-with-row-reverse-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgorderorderwithrowreversehtml">trunk/LayoutTests/css3/flexbox/csswg/order/order-with-row-reverse.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgreffilledgreen100pxsquareexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/ref-filled-green-100px-square-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgreffilledgreen100pxsquarehtml">trunk/LayoutTests/css3/flexbox/csswg/ref-filled-green-100px-square.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexaligncontentcenterexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-center-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexaligncontentcenterhtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-center.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexaligncontentendexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-end-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexaligncontentendhtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-end.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexaligncontentspacebetweenexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-space-between-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexaligncontentspacebetweenhtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-space-between.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexaligncontentstartexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-start-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexaligncontentstarthtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-start.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexbaseexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-base-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexbasehtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-base.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexdirectioncolumnexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-column-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexdirectioncolumnreverseexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-column-reverse-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexdirectioncolumnreversehtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-column-reverse.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexdirectioncolumnhtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-column.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexdirectionrowreverseexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-row-reverse-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexdirectionrowreversehtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-row-reverse.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexinlineexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-inline-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexinlinehtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-inline.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexorderexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-order-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexorderhtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-order.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexwrapexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-wrap-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexwrapreverseexpectedhtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-wrap-reverse-expected.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexwrapreversehtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-wrap-reverse.html</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsswgttwfreftestflexwraphtml">trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-wrap.html</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkLayoutTestsChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/ChangeLog (173581 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/ChangeLog 2014-09-12 22:20:29 UTC (rev 173581)
+++ trunk/LayoutTests/ChangeLog 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -1,3 +1,433 @@
</span><ins>+2014-09-12 Dean Jackson <dino@apple.com>
+
+ Import (some of) the W3C CSSWG flexbox tests
+ https://bugs.webkit.org/show_bug.cgi?id=136787
+ <rdar://problem/18325725>
+
+ Reviewed by Benjamin Poulain.
+
+ Take most of the tests from http://test.csswg.org/suites/css3-flexbox/nightly-unstable/html/toc.htm
+ and import them into LayoutTests.
+
+ I had to rearrange some things to follow our testing approach,
+ and I only included the ref tests. There are a handful of failures,
+ marked in TestExpectations, and tracked by:
+ https://bugs.webkit.org/show_bug.cgi?id=136754
+
+ * TestExpectations:
+ * css3/flexbox/csswg/Flexible-order-expected.html: Added.
+ * css3/flexbox/csswg/Flexible-order.html: Added.
+ * css3/flexbox/csswg/align-content-001-expected.html: Added.
+ * css3/flexbox/csswg/align-content-001.html: Added.
+ * css3/flexbox/csswg/css-box-justify-content-expected.html: Added.
+ * css3/flexbox/csswg/css-box-justify-content.html: Added.
+ * css3/flexbox/csswg/css-flexbox-column-expected.html: Added.
+ * css3/flexbox/csswg/css-flexbox-column.html: Added.
+ * css3/flexbox/csswg/css-flexbox-height-animation-stretch-expected.html: Added.
+ * css3/flexbox/csswg/css-flexbox-height-animation-stretch.html: Added.
+ * css3/flexbox/csswg/css-flexbox-img-expand-evenly-expected.html: Added.
+ * css3/flexbox/csswg/css-flexbox-img-expand-evenly.html: Added.
+ * css3/flexbox/csswg/css-flexbox-row-expected.html: Added.
+ * css3/flexbox/csswg/css-flexbox-row.html: Added.
+ * css3/flexbox/csswg/css-flexbox-test1-expected.html: Added.
+ * css3/flexbox/csswg/css-flexbox-test1.html: Added.
+ * css3/flexbox/csswg/flex-align-items-center-expected.html: Added.
+ * css3/flexbox/csswg/flex-align-items-center.html: Added.
+ * css3/flexbox/csswg/flex-box-wrap-expected.html: Added.
+ * css3/flexbox/csswg/flex-box-wrap.html: Added.
+ * css3/flexbox/csswg/flex-container-margin-expected.html: Added.
+ * css3/flexbox/csswg/flex-container-margin.html: Added.
+ * css3/flexbox/csswg/flex-direction-expected.html: Added.
+ * css3/flexbox/csswg/flex-direction-modify-expected.html: Added.
+ * css3/flexbox/csswg/flex-direction-modify.html: Added.
+ * css3/flexbox/csswg/flex-direction-with-element-insert-expected.html: Added.
+ * css3/flexbox/csswg/flex-direction-with-element-insert.html: Added.
+ * css3/flexbox/csswg/flex-direction-with-element-insert.html-expected.html: Added.
+ * css3/flexbox/csswg/flex-direction.html: Added.
+ * css3/flexbox/csswg/flex-direction.html-expected.html: Added.
+ * css3/flexbox/csswg/flex-flexitem-childmargin-expected.html: Added.
+ * css3/flexbox/csswg/flex-flexitem-childmargin.html: Added.
+ * css3/flexbox/csswg/flex-flexitem-percentage-prescation-expected.html: Added.
+ * css3/flexbox/csswg/flex-flexitem-percentage-prescation.html: Added.
+ * css3/flexbox/csswg/flex-flow-001-expected.html: Added.
+ * css3/flexbox/csswg/flex-flow-001.html: Added.
+ * css3/flexbox/csswg/flex-flow-002-expected.html: Added.
+ * css3/flexbox/csswg/flex-flow-002.html: Added.
+ * css3/flexbox/csswg/flex-flow-007-expected.html: Added.
+ * css3/flexbox/csswg/flex-flow-007.html: Added.
+ * css3/flexbox/csswg/flex-items-flexibility-expected.html: Added.
+ * css3/flexbox/csswg/flex-items-flexibility.html: Added.
+ * css3/flexbox/csswg/flex-items-flexibility.html-expected.html: Added.
+ * css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-column-reverse-expected.html: Added.
+ * css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-column-reverse.html: Added.
+ * css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-row-reverse-expected.html: Added.
+ * css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-row-reverse.html: Added.
+ * css3/flexbox/csswg/flex-lines/multi-line-wrap-with-column-reverse-expected.html: Added.
+ * css3/flexbox/csswg/flex-lines/multi-line-wrap-with-column-reverse.html: Added.
+ * css3/flexbox/csswg/flex-lines/multi-line-wrap-with-row-reverse-expected.html: Added.
+ * css3/flexbox/csswg/flex-lines/multi-line-wrap-with-row-reverse.html: Added.
+ * css3/flexbox/csswg/flex-margin-no-collapse-expected.html: Added.
+ * css3/flexbox/csswg/flex-margin-no-collapse.html: Added.
+ * css3/flexbox/csswg/flex-order-expected.html: Added.
+ * css3/flexbox/csswg/flex-order.html: Added.
+ * css3/flexbox/csswg/flex-vertical-align-effect-expected.html: Added.
+ * css3/flexbox/csswg/flex-vertical-align-effect.html: Added.
+ * css3/flexbox/csswg/flex-vertical-align-effect.html-expected.html: Added.
+ * css3/flexbox/csswg/flexbox-flex-wrap-flexing-expected.html: Added.
+ * css3/flexbox/csswg/flexbox-flex-wrap-flexing.html: Added.
+ * css3/flexbox/csswg/flexbox-flex-wrap-nowrap-expected.html: Added.
+ * css3/flexbox/csswg/flexbox-flex-wrap-nowrap.html: Added.
+ * css3/flexbox/csswg/flexbox_absolute-atomic-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_absolute-atomic.html: Added.
+ * css3/flexbox/csswg/flexbox_align-content-center-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_align-content-center.html: Added.
+ * css3/flexbox/csswg/flexbox_align-content-flexend-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_align-content-flexend.html: Added.
+ * css3/flexbox/csswg/flexbox_align-content-flexstart-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_align-content-flexstart.html: Added.
+ * css3/flexbox/csswg/flexbox_align-content-spacearound-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_align-content-spacearound.html: Added.
+ * css3/flexbox/csswg/flexbox_align-content-spacebetween-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_align-content-spacebetween.html: Added.
+ * css3/flexbox/csswg/flexbox_align-content-stretch-2-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_align-content-stretch-2.html: Added.
+ * css3/flexbox/csswg/flexbox_align-content-stretch-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_align-content-stretch.html: Added.
+ * css3/flexbox/csswg/flexbox_align-items-baseline-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_align-items-baseline.html: Added.
+ * css3/flexbox/csswg/flexbox_align-items-center-2-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_align-items-center-2.html: Added.
+ * css3/flexbox/csswg/flexbox_align-items-center-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_align-items-center.html: Added.
+ * css3/flexbox/csswg/flexbox_align-items-flexend-2-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_align-items-flexend-2.html: Added.
+ * css3/flexbox/csswg/flexbox_align-items-flexend-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_align-items-flexend.html: Added.
+ * css3/flexbox/csswg/flexbox_align-items-flexstart-2-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_align-items-flexstart-2.html: Added.
+ * css3/flexbox/csswg/flexbox_align-items-flexstart-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_align-items-flexstart.html: Added.
+ * css3/flexbox/csswg/flexbox_align-items-stretch-2-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_align-items-stretch-2.html: Added.
+ * css3/flexbox/csswg/flexbox_align-items-stretch-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_align-items-stretch.html: Added.
+ * css3/flexbox/csswg/flexbox_align-self-auto-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_align-self-auto.html: Added.
+ * css3/flexbox/csswg/flexbox_align-self-baseline-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_align-self-baseline.html: Added.
+ * css3/flexbox/csswg/flexbox_align-self-center-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_align-self-center.html: Added.
+ * css3/flexbox/csswg/flexbox_align-self-flexend-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_align-self-flexend.html: Added.
+ * css3/flexbox/csswg/flexbox_align-self-flexstart-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_align-self-flexstart.html: Added.
+ * css3/flexbox/csswg/flexbox_align-self-stretch-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_align-self-stretch.html: Added.
+ * css3/flexbox/csswg/flexbox_box-clear-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_box-clear.html: Added.
+ * css3/flexbox/csswg/flexbox_columns-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_columns-flexitems-2-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_columns-flexitems-2.html: Added.
+ * css3/flexbox/csswg/flexbox_columns-flexitems-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_columns-flexitems.html: Added.
+ * css3/flexbox/csswg/flexbox_columns.html: Added.
+ * css3/flexbox/csswg/flexbox_direction-column-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_direction-column-reverse-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_direction-column-reverse.html: Added.
+ * css3/flexbox/csswg/flexbox_direction-column.html: Added.
+ * css3/flexbox/csswg/flexbox_direction-row-reverse-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_direction-row-reverse.html: Added.
+ * css3/flexbox/csswg/flexbox_display-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_display.html: Added.
+ * css3/flexbox/csswg/flexbox_empty-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_fbfc-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_fbfc.html: Added.
+ * css3/flexbox/csswg/flexbox_fbfc2-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_fbfc2.html: Added.
+ * css3/flexbox/csswg/flexbox_first-line-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_first-line.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-0-0-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-0-0.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-0-N-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-0-N-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-0-N-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-0-N.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-0-Npercent-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-0-Npercent-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-0-Npercent-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-0-Npercent.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-0-auto-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-0-auto-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-0-auto-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-0-auto.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-1-0-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-1-0.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-1-N-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-1-N-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-1-N-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-1-N.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-1-Npercent-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-1-Npercent-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-1-Npercent-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-1-Npercent.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-1-auto-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-1-auto-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-1-auto-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-1-auto.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-N-0-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-N-0.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-N-N-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-N-N-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-N-N-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-N-N.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-N-Npercent-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-N-Npercent-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-N-Npercent-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-N-Npercent.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-N-auto-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-N-auto-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-N-auto-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-0-N-auto.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-0-0-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-0-0.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-0-N-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-0-N-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-0-N-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-0-N.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-0-Npercent-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-0-Npercent-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-0-Npercent-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-0-Npercent.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-0-auto-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-0-auto-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-0-auto-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-0-auto.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-1-0-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-1-0.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-1-N-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-1-N-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-1-N-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-1-N.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-1-Npercent-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-1-Npercent-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-1-Npercent-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-1-Npercent.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-1-auto-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-1-auto-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-1-auto-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-1-auto.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-N-0-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-N-0.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-N-N-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-N-N-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-N-N-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-N-N.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-N-Npercent-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-N-Npercent-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-N-Npercent-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-N-Npercent.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-N-auto-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-N-auto-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-N-auto-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-1-N-auto.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-0-0-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-0-0.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-0-N-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-0-N-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-0-N-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-0-N.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-0-Npercent-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-0-Npercent-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-0-Npercent-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-0-Npercent.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-0-auto-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-0-auto-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-0-auto-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-0-auto.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-1-0-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-1-0.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-1-N-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-1-N-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-1-N-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-1-N.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-1-Npercent-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-1-Npercent-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-1-Npercent-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-1-Npercent.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-1-auto-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-1-auto-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-1-auto-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-1-auto.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-N-0-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-N-0.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-N-N-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-N-N-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-N-N-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-N-N.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-N-Npercent-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-N-Npercent-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-N-Npercent-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-N-Npercent.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-N-auto-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-N-auto-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-N-auto-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-N-N-auto.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-auto-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-auto.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-basis-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-basis-shrink-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-basis-shrink.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-basis.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-formatting-interop-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-formatting-interop.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-initial-2-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-initial-2.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-initial-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-initial.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-natural-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-natural-mixed-basis-auto-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-natural-mixed-basis-auto.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-natural-mixed-basis-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-natural-mixed-basis.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-natural-variable-auto-basis-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-natural-variable-auto-basis.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-natural-variable-zero-basis-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-natural-variable-zero-basis.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-natural.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-none-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-none.html: Added.
+ * css3/flexbox/csswg/flexbox_flex-unitless-basis-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flow-column-reverse-wrap-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flow-column-reverse-wrap-reverse-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flow-column-reverse-wrap-reverse.html: Added.
+ * css3/flexbox/csswg/flexbox_flow-column-reverse-wrap.html: Added.
+ * css3/flexbox/csswg/flexbox_flow-column-wrap-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flow-column-wrap-reverse-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flow-column-wrap-reverse.html: Added.
+ * css3/flexbox/csswg/flexbox_flow-column-wrap.html: Added.
+ * css3/flexbox/csswg/flexbox_flow-row-wrap-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flow-row-wrap-reverse-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_flow-row-wrap-reverse.html: Added.
+ * css3/flexbox/csswg/flexbox_flow-row-wrap.html: Added.
+ * css3/flexbox/csswg/flexbox_generated-container-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_generated-container.html: Added.
+ * css3/flexbox/csswg/flexbox_generated-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_generated-flex-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_generated-flex.html: Added.
+ * css3/flexbox/csswg/flexbox_generated.html: Added.
+ * css3/flexbox/csswg/flexbox_inline-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_inline.html: Added.
+ * css3/flexbox/csswg/flexbox_item-bottom-float-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_item-bottom-float.html: Added.
+ * css3/flexbox/csswg/flexbox_item-clear-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_item-clear.html: Added.
+ * css3/flexbox/csswg/flexbox_item-float-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_item-float.html: Added.
+ * css3/flexbox/csswg/flexbox_item-top-float-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_item-top-float.html: Added.
+ * css3/flexbox/csswg/flexbox_item-vertical-align-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_item-vertical-align.html: Added.
+ * css3/flexbox/csswg/flexbox_justifycontent-center-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_justifycontent-center-overflow-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_justifycontent-center-overflow.html: Added.
+ * css3/flexbox/csswg/flexbox_justifycontent-center.html: Added.
+ * css3/flexbox/csswg/flexbox_justifycontent-flex-end-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_justifycontent-flex-end.html: Added.
+ * css3/flexbox/csswg/flexbox_justifycontent-flex-start-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_justifycontent-flex-start.html: Added.
+ * css3/flexbox/csswg/flexbox_justifycontent-spacearound-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_justifycontent-spacearound-negative-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_justifycontent-spacearound-negative.html: Added.
+ * css3/flexbox/csswg/flexbox_justifycontent-spacearound-only-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_justifycontent-spacearound-only.html: Added.
+ * css3/flexbox/csswg/flexbox_justifycontent-spacearound.html: Added.
+ * css3/flexbox/csswg/flexbox_justifycontent-spacebetween-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_justifycontent-spacebetween-negative-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_justifycontent-spacebetween-negative.html: Added.
+ * css3/flexbox/csswg/flexbox_justifycontent-spacebetween-only-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_justifycontent-spacebetween-only.html: Added.
+ * css3/flexbox/csswg/flexbox_justifycontent-spacebetween.html: Added.
+ * css3/flexbox/csswg/flexbox_margin-auto-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_margin-auto-overflow-2-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_margin-auto-overflow-2.html: Added.
+ * css3/flexbox/csswg/flexbox_margin-auto-overflow-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_margin-auto-overflow.html: Added.
+ * css3/flexbox/csswg/flexbox_margin-auto.html: Added.
+ * css3/flexbox/csswg/flexbox_margin-collapse-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_margin-collapse.html: Added.
+ * css3/flexbox/csswg/flexbox_margin-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_margin-left-ex-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_margin-left-ex.html: Added.
+ * css3/flexbox/csswg/flexbox_margin.html: Added.
+ * css3/flexbox/csswg/flexbox_min-height-auto-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_min-height-auto.html: Added.
+ * css3/flexbox/csswg/flexbox_min-width-auto-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_min-width-auto.html: Added.
+ * css3/flexbox/csswg/flexbox_object-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_object.html: Added.
+ * css3/flexbox/csswg/flexbox_order-abspos-space-around-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_order-abspos-space-around.html: Added.
+ * css3/flexbox/csswg/flexbox_order-box-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_order-box.html: Added.
+ * css3/flexbox/csswg/flexbox_order-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_order.html: Added.
+ * css3/flexbox/csswg/flexbox_rowspan-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_rowspan.html: Added.
+ * css3/flexbox/csswg/flexbox_rtl-direction-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_rtl-direction.html: Added.
+ * css3/flexbox/csswg/flexbox_rtl-flow-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_rtl-flow-reverse-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_rtl-flow-reverse.html: Added.
+ * css3/flexbox/csswg/flexbox_rtl-flow.html: Added.
+ * css3/flexbox/csswg/flexbox_rtl-order-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_rtl-order.html: Added.
+ * css3/flexbox/csswg/flexbox_stf-table-singleline-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_stf-table-singleline.html: Added.
+ * css3/flexbox/csswg/flexbox_visibility-collapse-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_visibility-collapse-line-wrapping-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_visibility-collapse-line-wrapping.html: Added.
+ * css3/flexbox/csswg/flexbox_visibility-collapse.html: Added.
+ * css3/flexbox/csswg/flexbox_wrap-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_wrap-long-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_wrap-long.html: Added.
+ * css3/flexbox/csswg/flexbox_wrap-reverse-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_wrap-reverse.html: Added.
+ * css3/flexbox/csswg/flexbox_wrap.html: Added.
+ * css3/flexbox/csswg/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-expected.html: Added.
+ * css3/flexbox/csswg/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom.html: Added.
+ * css3/flexbox/csswg/justify-content-001-expected.html: Added.
+ * css3/flexbox/csswg/justify-content-001.html: Added.
+ * css3/flexbox/csswg/order/order-with-column-reverse-expected.html: Added.
+ * css3/flexbox/csswg/order/order-with-column-reverse.html: Added.
+ * css3/flexbox/csswg/order/order-with-row-reverse-expected.html: Added.
+ * css3/flexbox/csswg/order/order-with-row-reverse.html: Added.
+ * css3/flexbox/csswg/ref-filled-green-100px-square-expected.html: Added.
+ * css3/flexbox/csswg/ref-filled-green-100px-square.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-align-content-center-expected.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-align-content-center.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-align-content-end-expected.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-align-content-end.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-align-content-space-between-expected.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-align-content-space-between.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-align-content-start-expected.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-align-content-start.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-base-expected.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-base.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-direction-column-expected.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-direction-column-reverse-expected.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-direction-column-reverse.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-direction-column.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-direction-row-reverse-expected.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-direction-row-reverse.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-inline-expected.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-inline.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-order-expected.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-order.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-wrap-expected.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-wrap-reverse-expected.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-wrap-reverse.html: Added.
+ * css3/flexbox/csswg/ttwf-reftest-flex-wrap.html: Added.
+
</ins><span class="cx"> 2014-09-12 Roger Fong <roger_fong@apple.com>
</span><span class="cx">
</span><span class="cx"> Unreviewed. WebGL conformance test gardening.
</span></span></pre></div>
<a id="trunkLayoutTestsTestExpectations"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/TestExpectations (173581 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/TestExpectations 2014-09-12 22:20:29 UTC (rev 173581)
+++ trunk/LayoutTests/TestExpectations 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -165,3 +165,34 @@
</span><span class="cx"> webkit.org/b/136078 fast/borders/border-painting-dashed.html [ ImageOnlyFailure ]
</span><span class="cx"> webkit.org/b/136078 fast/borders/border-painting-dotted.html [ ImageOnlyFailure ]
</span><span class="cx"> webkit.org/b/136078 fast/borders/border-painting-double.html [ ImageOnlyFailure ]
</span><ins>+
+# official flexbox tests
+webkit.org/b/136754 css3/flexbox/csswg/css-box-justify-content.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/css-flexbox-img-expand-evenly.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/css-flexbox-row.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/css-flexbox-test1.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/flex-align-items-center.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/flex-flexitem-percentage-prescation.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/flex-items-flexibility.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-column-reverse.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/flex-lines/multi-line-wrap-with-column-reverse.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/flex-margin-no-collapse.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/flexbox-flex-wrap-flexing.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/flexbox_flex-0-0-0.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/flexbox_flex-0-1-0.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/flexbox_flex-0-N-0.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/flexbox_flex-natural-mixed-basis-auto.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/flexbox_generated-container.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/flexbox_justifycontent-center-overflow.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/flexbox_min-height-auto.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/flexbox_min-width-auto.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/flexbox_stf-table-singleline.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/flexbox_visibility-collapse-line-wrapping.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/flexbox_visibility-collapse.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/order/order-with-column-reverse.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/ttwf-reftest-flex-direction-row-reverse.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/ttwf-reftest-flex-inline.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/ttwf-reftest-flex-order.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/ttwf-reftest-flex-wrap-reverse.html [ ImageOnlyFailure ]
+webkit.org/b/136754 css3/flexbox/csswg/ttwf-reftest-flex-wrap.html [ ImageOnlyFailure ]
</ins></span></pre></div>
<a id="trunkLayoutTestscss3flexboxcsswgFlexibleorderexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/Flexible-order-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/Flexible-order-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/Flexible-order-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,53 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head><title>CSS Test: Change the value of 'order' property</title>
+<link rel="author" title="KeynesQu" href="mailto:keynesqu@sohu.com" />
+
+<style>
+
+.box {
+ margin:0 auto;
+ background:#CCC;
+ border-radius:5px;
+ width:600px;
+}
+
+.box div {
+ margin:0;
+ width:200px;
+ float:left;
+ text-align:center;
+}
+
+.box .red {
+ background:#F00;
+}
+.box .blue {
+ background:#00F;
+}
+.box .black {
+ color:#FFF;
+ background:#000;
+}
+
+
+
+
+</style>
+
+</head>
+
+<body>
+
+
+<!-- FLEX CONTAINER -->
+<div class="box">
+ <div class="blue">B</div>
+ <div class="red">A</div>
+ <div class="black">C</div>
+</div>
+
+
+
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/Flexible-order-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgFlexibleorderhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/Flexible-order.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/Flexible-order.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/Flexible-order.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,66 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head><title>CSS Test: Change the value of 'order' property</title>
+
+<meta name="assert" content="The order of three should be blue-red-black" />
+
+<link rel="match" href="reference/Flexible-order-ref.html">
+<link rel="author" title="KeynesQu" href="mailto:keynesqu@sohu.com" />
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" />
+
+<style>
+
+.box {
+ margin:0 auto;
+ background:#CCC;
+ border-radius:5px;
+ width:600px;
+ display:flex;
+ flex-flow:row;
+}
+
+.box div {
+ text-align:center;
+}
+
+.box .red {
+ order:-2;
+ flex:0 1 auto;
+ width:200px;
+ background:#F00;
+}
+.box .blue {
+ order:-4;
+ flex:0 1 auto;
+ width:200px;
+ background:#00F;
+}
+.box .black {
+ order:-1;
+ flex:0 1 auto;
+ width:200px;
+ background:#000;
+ color:#FFF;
+}
+
+
+
+
+</style>
+
+</head>
+
+<body>
+
+
+<!-- FLEX CONTAINER -->
+<div class="box">
+ <div class="red">A</div>
+ <div class="blue">B</div>
+ <div class="black">C</div>
+</div>
+
+
+
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/Flexible-order.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgaligncontent001expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/align-content-001-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/align-content-001-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/align-content-001-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,15 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ div {
+ background: green;
+ height: 100px;
+ width: 300px;
+ }
+</style>
+<body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+</body>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/align-content-001-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgaligncontent001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/align-content-001.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/align-content-001.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/align-content-001.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: A multi-line flex container with the 'align-content' property set to 'center'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" />
+ <link rel="match" href="reference/align-content-001-ref.html" />
+ <meta name="flags" content="">
+ <meta name="assert" content="This test checks that a multi-line flex container with 'align-content: center' centers lines in the flex container." />
+ <style type="text/css">
+ #flexbox
+ {
+ background: linear-gradient(to bottom, green 0, green 25px, red 25px, red 75px, green 75px, green 100px);
+ align-content: center;
+ display: flex;
+ flex-flow: wrap;
+ height: 100px;
+ width: 300px;
+ }
+ div div
+ {
+ background-color: green;
+ height: 26px;
+ width: 150px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="flexbox">
+ <div></div>
+ <div></div>
+ <div></div>
+ <div></div>
+ </div>
+ </body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/align-content-001.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgcssboxjustifycontentexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/css-box-justify-content-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/css-box-justify-content-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/css-box-justify-content-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox |css-box-justufy-content</title>
+<link rel="author" href="ava656094@gmail.com" title="xiaoxia">
+<style>
+#flexbox {
+ background: green;
+ display: inline-block;
+ width: 300px;
+ height: 40px;
+ text-align:right;
+}
+.item{
+ display: inline-block;
+ align:right;
+ width:50px;
+ height: 30px;
+ }
+</style>
+
+<p>This test passes if the DIV5's position in the end and the div is Horizontal layout</p>
+<div id="flexbox">
+ <div class="item" style="background-color: rgb(242, 210, 80); color: rgb(41, 119, 248);">DIV1</div>
+ <div class="item" style="background-color: rgb(110, 8, 7); color: rgb(162, 152, 22);">DIV2</div>
+ <div class="item" style="background-color: rgb(215, 172, 243); color: rgb(74, 123, 110);">DIV3</div>
+ <div class="item" style="background-color: rgb(242, 133, 80); color: rgb(41, 119, 248);">DIV4</div>
+ <div class="item" style="background-color: rgb(242, 50, 80); color: rgb(41, 119, 248);">DIV5</div>
+</div>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/css-box-justify-content-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgcssboxjustifycontenthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/css-box-justify-content.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/css-box-justify-content.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/css-box-justify-content.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox |css-box-justufy-content</title>
+<link rel="author" href="ava656094@gmail.com" title="xiaoxia">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow">
+<link rel="match" href="reference/css-box-justify-content-ref.html">
+<style>
+#flexbox {
+ background: green;
+ width: 300px;
+ height: 40px;
+ display: flex;
+ flex-flow: row;
+ justify-content: flex-end;
+}
+.item{
+ margin-left:2px;
+ width:50px;
+ height: 30px;
+ }
+</style>
+
+<p>This test passes if the DIV5's position in the end and the div is Horizontal layout</p>
+<div id="flexbox">
+ <div class="item" style="background-color: rgb(242, 210, 80); color: rgb(41, 119, 248);">DIV1</div>
+ <div class="item" style="background-color: rgb(110, 8, 7); color: rgb(162, 152, 22);">DIV2</div>
+ <div class="item" style="background-color: rgb(215, 172, 243); color: rgb(74, 123, 110);">DIV3</div>
+ <div class="item" style="background-color: rgb(242, 133, 80); color: rgb(41, 119, 248);">DIV4</div>
+ <div class="item" style="background-color: rgb(242, 50, 80); color: rgb(41, 119, 248);">DIV5</div>
+</div>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/css-box-justify-content.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgcssflexboxcolumnexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-column-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-column-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-column-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8" />
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Tsutomu ogaoga Ogasawara" href="mailto:info@ogaoga.org">
+ <style type="text/css">
+ .container {
+ color: white;
+ width: 9em;
+ }
+ .item {
+ -webkit-writing-mode: vertical-rl;
+ writing-mode: vertical-rl;
+ background: green;
+ height: 4em;
+ width: 1.5em;
+ float: right;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passes if you see a tall green box with pairs of the digits 1-9 and a-i listed right to left in two columns.</p>
+ <div class="container">
+ <div class="item">１２３</div>
+ <div class="item">ａｂｃ</div>
+ <div class="item">４５６</div>
+ <div class="item">ｄｅｆ</div>
+ <div class="item">７８９</div>
+ <div class="item">ｇｈｉ</div>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-column-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgcssflexboxcolumnhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-column.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-column.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-column.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,43 @@
</span><ins>+<!DOCTYPE html> <!-- coding:utf-8 -->
+<html>
+<head>
+ <meta charset="utf-8" />
+ <title>CSS Flexbox Test: flex direction: row</title>
+ <link rel="author" title="Naoki Okada" href="mailto:somathor@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow">
+ <link rel="match" href="css-flexbox-column-ref.html">
+ <meta name="flags" content="">
+ <meta name="assert" content="Test checks that when writing mode is vertical and flex-flow: column, the flex container is vertical.">
+ <style type="text/css">
+ .container {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-flow: column;
+ flex-flow: column;
+ -webkit-writing-mode: vertical-rl;
+ writing-mode: vertical-rl;
+ width: 9em;
+ color: white;
+ }
+ .item {
+ background: green;
+ height: 4em;
+ width: 1.5em;
+
+ /* make sure UA that doesn't support writing mode and flexbox fails. */
+ float: right;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passes if you see a tall green box with pairs of the digits 1-9 and a-i listed right to left in two columns.</p>
+ <div class="container">
+ <div class="item">１２３</div>
+ <div class="item">ａｂｃ</div>
+ <div class="item">４５６</div>
+ <div class="item">ｄｅｆ</div>
+ <div class="item">７８９</div>
+ <div class="item">ｇｈｉ</div>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-column.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgcssflexboxheightanimationstretchexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-height-animation-stretch-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-height-animation-stretch-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-height-animation-stretch-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,23 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+<head>
+ <title>CSS Flexbox Test: Items stretch correctly while content is animating</title>
+ <link rel="author" title="Micky Brunetti" href="mailto:micky2be@gmail.com">
+ <style>
+ @keyframes resize {
+ 0% {height: 100px;}
+ 100% {height: 50px;}
+ }
+ .test {
+ height: 100px;
+ width: 200px;
+ background-color: green;
+ animation: resize 500ms infinite alternate;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passes if you keep seeing a green rectangle and no red.</p>
+ <div class="test"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-height-animation-stretch-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgcssflexboxheightanimationstretchhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-height-animation-stretch.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-height-animation-stretch.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-height-animation-stretch.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+<!DOCTYPE HTML>
+<html>
+<head>
+ <title>CSS Flexbox Test: Items stretch correctly while content is animating</title>
+ <link rel="author" title="Micky Brunetti" href="mailto:micky2be@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items">
+ <link rel="match" href="css-flexbox-height-animation-stretch-ref.html"/>
+ <meta name="flags" content="">
+ <meta name="assert" content="Items should stretch vertically in all time">
+ <style>
+ @keyframes resize {
+ 0% {height: 100px;}
+ 100% {height: 50px;}
+ }
+ .container {
+ display: flex;
+ width: 200px;
+ background-color: red;
+
+ }
+ .item {
+ background-color: green;
+ width: 50px;
+
+ }
+ .content {
+ height: 50px;
+ }
+ .bigger.content {
+ height: 100px;
+ animation: resize 500ms infinite alternate;
+ }
+ </style>
+</head>
+<body>
+<p>The test passes if you keep seeing a green rectangle and no red.</p>
+<div class="test">
+ <div class="container">
+ <div class="item"><div class="bigger content"></div></div>
+ <div class="item"><div class="content"></div></div>
+ <div class="item"><div class="content"></div></div>
+ <div class="item"><div class="content"></div></div>
+ </div>
+</div>
+</div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-height-animation-stretch.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgcssflexboximgexpandevenlyexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-img-expand-evenly-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-img-expand-evenly-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-img-expand-evenly-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Eiji Kitamura" href="mailto:agektmr+github@gmail.com">
+ <style type="text/css">
+
+ /* ADD STYLE BLOCK HERE (PREFERRABLE TO INLINE STYLES) */
+ div.flexbox {
+ height: 50px;
+ width: 300px;
+ border: 2px dotted black;
+ }
+ img {
+ width: 98px;
+ height: 48px;
+ background: purple;
+ border: 1px solid white;
+ }
+
+ </style>
+</head>
+<body>
+ <p>3 square images fill out border.</p>
+
+ <!-- PAGE CONTENT -->
+ <div class="flexbox">
+ <img src="support/solidblue.png" />
+ <img src="support/solidblue.png" />
+ <img src="support/solidblue.png" />
+ </div>
+
+
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-img-expand-evenly-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgcssflexboximgexpandevenlyhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-img-expand-evenly.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-img-expand-evenly.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-img-expand-evenly.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,42 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexbox Test: Image Expansion</title>
+ <link rel="author" title="Eiji Kitamura" href="mailto:agektmr@gmail.com">
+ <!-- You must have at least one spec link, but may have as many as are covered in the test. -->
+ <!-- Be sure to make the main testing area first in the order -->
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow">
+ <!-- The match link is only required if this is a reftest -->
+ <link rel="match" href="reference/css-flexbox-img-expand-evenly-ref.html">
+ <meta name="flags" content="">
+ <meta name="assert" content="3 square images fill out border.">
+ <style type="text/css">
+
+ /* ADD STYLE BLOCK HERE (PREFERRABLE TO INLINE STYLES) */
+ div.flexbox {
+ height: 50px;
+ width: 300px;
+ border: 2px dotted black;
+ display: flex;
+ }
+ img {
+ width: 48px;
+ flex-grow: 1;
+ background: purple;
+ border: 1px solid white;
+ }
+
+ </style>
+</head>
+<body>
+ <p>3 square images fill out border.</p>
+
+ <!-- PAGE CONTENT -->
+ <div class="flexbox">
+ <img src="support/solidblue.png" />
+ <img src="support/solidblue.png" />
+ <img src="support/solidblue.png" />
+ </div>
+
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-img-expand-evenly.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgcssflexboxrowexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-row-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-row-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-row-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8" />
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Tsutomu ogaoga Ogasawara" href="mailto:info@ogaoga.org">
+ <style type="text/css">
+ .container {
+ color: white;
+ }
+ .item {
+ writing-mode: vertical-rl;
+ background: green;
+ height: 3em;
+ width: 3em;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passes if you see a tall green box with pairs of the 1-9 and a-i listed top to bottom in two columns.</p>
+
+ <div class="container">
+ <div class="item">１２３<br />ａｂｃ</div>
+ <div class="item">４５６<br />ｄｅｆ</div>
+ <div class="item">７８９<br />ｇｈｉ</div>
+ </div>
+
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-row-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgcssflexboxrowhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-row.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-row.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-row.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,51 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8" />
+ <title>CSS Flexbox Test: flex direction: row, writing mode vertical</title>
+ <link rel="author" title="Tsutomu ogaoga Ogasawara" href="mailto:info@ogaoga.org" />
+ <link rel="reviewer" title="Elika J Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <!-- You must have at least one spec link, but may have as many as are covered in the test. -->
+ <!-- Be sure to make the main testing area first in the order -->
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow">
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode">
+ <!-- The match link is only required if this is a reftest -->
+ <link rel="match" href="css-flexbox-row-ref.html">
+ <meta name="flags" content="">
+ <meta name="assert" content="Test checks that when writing mode is vertical and flex-flow: row, the flex container is vertical.">
+ <style type="text/css">
+ .container {
+ display: flex;
+ flex-flow: row;
+ writing-mode: vertical-rl;
+ color: white;
+ }
+ .item {
+ background: green;
+ height: 3em;
+ width: 3em;
+
+ /* make sure UA that doesn't support writing mode and flexbox fails. */
+ float: right;
+ }
+ .error {
+ position: absolute;
+ background: red;
+ height: 9em;
+ width: 3em;
+ z-index: -1;
+ }
+ </style>
+</head>
+<body>
+
+ <p>The test passes if you see a tall green box with pairs of the 1-9 and a-i listed top to bottom in two columns.</p>
+
+ <div class="error"></div>
+ <div class="container">
+ <div class="item">１２３<br />ａｂｃ</div>
+ <div class="item">４５６<br />ｄｅｆ</div>
+ <div class="item">７８９<br />ｇｈｉ</div>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-row.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgcssflexboxtest1expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-test1-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-test1-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-test1-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8" />
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Tsutomu ogaoga Ogasawara" href="mailto:info@ogaoga.org">
+ <style type="text/css">
+ .container {
+ color: white;
+ }
+ .item {
+ writing-mode: vertical-rl;
+ background: green;
+ height: 3em;
+ width: 3em;
+ }
+ </style>
+</head>
+<body>
+
+ <p>The test passes if you see a tall green box with pairs of the digits 1-9 listed top to bottom in two columns.</p>
+
+ <div class="container">
+ <div class="item">１２３<br />１２３</div>
+ <div class="item">４５６<br />４５６</div>
+ <div class="item">７８９<br />７８９</div>
+ </div>
+
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-test1-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgcssflexboxtest1html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-test1.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-test1.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-test1.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,50 @@
</span><ins>+<!DOCTYPE html> <!-- coding:utf-8 -->
+<html>
+<head>
+ <meta charset="utf-8" />
+ <title>CSS Flexbox Test: flex direction: row, writing mode vertical</title>
+ <link rel="author" title="Tsutomu ogaoga Ogasawara" href="mailto:info@ogaoga.org" />
+ <link rel="reviewer" title="Elika J Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <!-- You must have at least one spec link, but may have as many as are covered in the test. -->
+ <!-- Be sure to make the main testing area first in the order -->
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow">
+ <!-- The match link is only required if this is a reftest -->
+ <link rel="match" href="css-flexbox-test1-ref.html">
+ <meta name="flags" content="">
+ <meta name="assert" content="Test checks that when writing mode is vertical and flex-flow: row, the flex container is vertical.">
+ <style type="text/css">
+ .container {
+ display: flex;
+ flex-flow: row;
+ writing-mode: vertical-rl;
+ color: white;
+ }
+ .item {
+ background: green;
+ height: 3em;
+ width: 3em;
+
+ /* make sure UA that doesn't support writing mode and flexbox fails. */
+ float: right;
+ }
+ .error {
+ position: absolute;
+ background: red;
+ height: 9em;
+ width: 3em;
+ z-index: -1;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passes if you see a tall green box with pairs of the digits 1-9 listed top to bottom in two columns.</p>
+
+ <div class="error"></div>
+ <div class="container">
+ <div class="item">１２３<br />１２３</div>
+ <div class="item">４５６<br />４５６</div>
+ <div class="item">７８９<br />７８９</div>
+ </div>
+
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/css-flexbox-test1.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexalignitemscenterexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-align-items-center-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-align-items-center-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-align-items-center-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,67 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Flex-basis Test</title>
+ <link rel="author" title="Chunsheng Zhang" href="mailto:zhangcs_423@163.com" />
+ <style type="text/css">
+ #container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border: 5px solid green;
+ width: 600px;
+ height: 200px;
+ padding: 5px;
+ border-radius: 3px;
+ position: absolute;
+ top: 70px;
+ left: 10px;
+ }
+ #a {
+ top: 150px;
+ left: 230px;
+ border: 2px dotted blue;
+ background: green;
+ border-radius: 3px;
+ padding: 10px;
+ width: 30px;
+ height: 40px;
+ text-align: center;
+ flex: none;
+ }
+ #b {
+ top: 150px;
+ left: 283px;
+ border: 2px dotted blue;
+ background: green;
+ border-radius: 3px;
+ padding: 10px;
+ width: 30px;
+ height: 40px;
+ text-align: center;
+ flex: none;
+ }
+ #c {
+ top: 150px;
+ left: 336px;
+ border: 2px dotted blue;
+ background: green;
+ border-radius: 3px;
+ padding: 10px;
+ width: 30px;
+ height: 40px;
+ text-align: center;
+ flex: none;
+ }
+ </style>
+ </head>
+ <body>
+ <p>This case tests that flex items center</p>
+ <p>The test passes if there is no red</p>
+ <section id="container">
+ </section>
+ <div id="a" style="position:absolute"></div>
+ <div id="b" style="position:absolute"></div>
+ <div id="c" style="position:absolute"></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-align-items-center-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexalignitemscenterhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-align-items-center.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-align-items-center.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-align-items-center.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,53 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Flex-basis Test</title>
+ <link rel="author" title="Chunsheng Zhang" href="mailto:zhangcs_423@163.com" />
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#alignment" />
+ <link rel="match" href="reference/flex-align-items-center-ref.html" />
+ <meta name="assert" content="flex items center" />
+ <style type="text/css">
+ #container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border: 5px solid green;
+ width: 600px;
+ height: 200px;
+ padding: 5px;
+ border-radius: 3px;
+ position: absolute;
+ top: 70px;
+ left: 10px;
+ }
+ #container > div {
+ border: 2px dotted blue;
+ background: green;
+ border-radius: 3px;
+ padding: 10px;
+ width: 30px;
+ height: 40px;
+ text-align: center;
+ flex: none;
+ }
+ #fail-flag {
+ position: absolute;
+ top: 162px;
+ left: 272px;
+ width: 92px;
+ height: 36px;
+ background: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>This case tests that flex items center</p>
+ <p>The test passes if there is no red</p>
+ <div id="fail-flag"></div>
+ <section id="container">
+ <div></div>
+ <div></div>
+ <div></div>
+ </section>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-align-items-center.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexboxwrapexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-box-wrap-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-box-wrap-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-box-wrap-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,32 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexbox Test: flex-wrap: wrap</title>
+ <link rel="author" title="Tsuyoshi Tokuda" href="mailto:tokuda109@gmail.com">
+ <style type="text/css">
+
+ .box {
+ margin: 0;
+ padding-left: 0;
+ width: 200px;
+ }
+ .item {
+ float: left;
+ list-style-type: none;
+ width: 120px;
+ height: 100px;
+ background-color: green;
+ }
+
+ </style>
+</head>
+<body>
+ <p>There should be a green block with no red.</p>
+
+ <ul class="box">
+ <li class="item">width: 120px</li>
+ <li class="item">width: 120px</li>
+ </ul>
+
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-box-wrap-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexboxwraphtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-box-wrap.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-box-wrap.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-box-wrap.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexbox Test: flex-wrap: wrap</title>
+ <link rel="author" title="Tsuyoshi Tokuda" href="mailto:tokuda109@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap">
+ <link rel="match" href="reference/flex-box-wrap-ref.html">
+ <meta name="flags" content="">
+ <meta name="assert" content="the test passes if you see green box.">
+ <style type="text/css">
+
+ .flex-box {
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ margin: 0;
+ padding-left: 0;
+ width: 200px;
+ }
+ .flex-item,
+ .error {
+ list-style-type: none;
+ width: 120px;
+ height: 100px;
+ background-color: green;
+ }
+ .error {
+ position: absolute;
+ top: 100px;
+ left: 0;
+ background-color: red;
+ z-index: -1;
+ }
+
+ </style>
+</head>
+<body>
+ <p>There should be a green block with no red.</p>
+
+ <ul class="flex-box">
+ <li class="flex-item">width: 120px</li>
+ <li class="flex-item">width: 120px</li>
+ <li class="error"></li>
+ </ul>
+
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-box-wrap.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexcontainermarginexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-container-margin-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-container-margin-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-container-margin-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS Test: flex-container-margin-not-collapse-with-content-margin</title>
+<link rel="author" title="houzhenyu" href="http://www.github.com/sskyy" />
+<style>
+ .flex-container{
+ display:block;
+ margin:20px;
+ background: #333;
+ line-height: 0px;
+ }
+ .flex-item{
+ display: inline-block;
+ width:50px;
+ height:50px;
+ margin:20px 20px;
+ background: #eee;
+ }
+ .flex-item.first{
+ margin-left:20px;
+ }
+ .flex-item.last{
+ margin-right: 20px;
+ }
+</style>
+</head>
+<body>
+ <div class="flex-container">
+ <div class="flex-item first"></div><div class="flex-item"></div><div class="flex-item last"></div>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-container-margin-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexcontainermarginhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-container-margin.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-container-margin.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-container-margin.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS Test: flex-container-margin-not-collapse-with-content-margin</title>
+<link rel="author" title="houzhenyu" href="http://www.github.com/sskyy" />
+<link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#item-margins">
+<link rel="match" href="reference/flex-container-margin-ref.html">
+<meta name="assert" content="The margins of adjacent flex items do not collapse." />
+<style>
+ .flex-container{
+ display: flex;
+ margin:20px;
+ background: #333;
+ }
+ .flex-item{
+ width:50px;
+ height:50px;
+ margin:20px;
+ background: #eee;
+ }
+</style>
+</head>
+<body>
+ <div class="flex-container">
+ <div class="flex-item"></div>
+ <div class="flex-item"></div>
+ <div class="flex-item"></div>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-container-margin.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexdirectionexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-direction-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-direction-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-direction-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,76 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS Test: flex flow direction</title>
+<link rel="author" title="houzhenyu" href="http://www.github.com/sskyy" />
+<style>
+ .flex-container{
+ display:block;
+ margin:20px;
+ background: #333;
+ line-height: 0px;
+ }
+ .flex-item{
+ display: inline-block;
+ width:50px;
+ height:50px;
+ margin:20px 20px;
+ background: #eee;
+ line-height: 50px;
+ text-align: center;
+ }
+
+ .flex-container.flex-direction-row{
+ flex-direction : row;
+ }
+ .flex-container.flex-direction-row-reverse{
+ text-align: right;
+ }
+
+ .flex-container.flex-direction-column{
+ padding:20px 0px;
+ }
+
+ .flex-container.flex-direction-column .flex-item{
+ display: block;
+ margin:40px 20px;
+ }
+
+ .flex-container.flex-direction-column .flex-item.first{
+ margin-top:0px;
+ }
+ .flex-container.flex-direction-column .flex-item.last{
+ margin-bottom:0px;
+ }
+
+ .flex-container.flex-direction-column-reverse{
+ padding:20px 0px;
+ }
+
+ .flex-container.flex-direction-column-reverse .flex-item{
+ display: block;
+ margin:40px 20px;
+ }
+
+ .flex-container.flex-direction-column-reverse .flex-item.first{
+ margin-top:0px;
+ }
+ .flex-container.flex-direction-column-reverse .flex-item.last{
+ margin-bottom:0px;
+ }
+</style>
+</head>
+<body>
+ <h1>flex-direction:row</h1>
+ <div class="flex-container flex-direction-row"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>
+
+ <h1>flex-direction:row-reverse</h1>
+ <div class="flex-container flex-direction-row-reverse"><div class="flex-item">3</div><div class="flex-item">2</div><div class="flex-item">1</div></div>
+
+ <h1>flex-direction:column</h1>
+ <div class="flex-container flex-direction-column"><div class="flex-item first">1</div><div class="flex-item">2</div><div class="flex-item last">3</div></div>
+
+ <h1>flex-direction:column-reverse</h1>
+ <div class="flex-container flex-direction-column-reverse"><div class="flex-item first">3</div><div class="flex-item">2</div><div class="flex-item last">1</div></div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-direction-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexdirectionmodifyexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-direction-modify-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-direction-modify-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-direction-modify-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS Test: flex flow direction</title>
+<link rel="author" title="houzhenyu" href="http://www.github.com/sskyy" />
+<style>
+ .flex-container{
+ display: flex;
+ margin:20px;
+ background: #333;
+ }
+ .flex-item{
+ display: inline-block;
+ width:50px;
+ height:50px;
+ margin:20px;
+ background: #eee;
+ line-height: 50px;
+ text-align: center;
+ }
+
+
+ .flex-container.flex-direction-row{
+ flex-direction : row;
+ }
+
+ .flex-container.flex-direction-row-reverse{
+ flex-direction : row-reverse;
+ }
+
+ .flex-container.flex-direction-column{
+ flex-direction : column;
+ }
+ .flex-container.flex-direction-column-reverse{
+ flex-direction : column-reverse;
+ }
+</style>
+</head>
+<body>
+ <h1>flex-direction:row</h1>
+ <div id="flex_container" class="flex-container flex-direction-row"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>
+
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-direction-modify-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexdirectionmodifyhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-direction-modify.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-direction-modify.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-direction-modify.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,66 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS Test: flex flow direction</title>
+<link rel="author" title="houzhenyu" href="http://www.github.com/sskyy" />
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction">
+<link rel="match" href="reference/flex-direction-modify.html">
+<meta name="assert" content="Changing 'flex-direction' with JavaScript and then changing it back should returns to the original look." />
+<style>
+ .flex-container{
+ display: flex;
+ margin:20px;
+ background: #333;
+ }
+ .flex-item{
+ width:50px;
+ height:50px;
+ margin:20px;
+ background: #eee;
+ line-height: 50px;
+ text-align: center;
+ }
+
+
+ .flex-container.flex-direction-row{
+ flex-direction : row;
+ }
+
+ .flex-container.flex-direction-row-reverse{
+ flex-direction : row-reverse;
+ }
+
+ .flex-container.flex-direction-column{
+ flex-direction : column;
+ }
+ .flex-container.flex-direction-column-reverse{
+ flex-direction : column-reverse;
+ }
+</style>
+</head>
+<body>
+ <h1>flex-direction:<span id="current_direction">row</h1>
+ <div id="flex_container" class="flex-container"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>
+
+ <script>
+ var container = document.getElementById("flex_container");
+ var direction_text = document.getElementById("current_direction");
+ var baseClass = "flex-container ";
+ var classPrefix = "flex-direction-";
+ function change_direction( direction ){
+ container.className = baseClass + classPrefix + direction;
+ notify( direction );
+ }
+
+ function notify( direction ){
+ direction_text.innerHTML = direction;
+ }
+
+ change_direction("row");
+ change_direction("row-reverse");
+ change_direction("column");
+ change_direction("row-column-reverse");
+ change_direction("row");
+ </script>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-direction-modify.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexdirectionwithelementinsertexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-direction-with-element-insert-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-direction-with-element-insert-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-direction-with-element-insert-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,76 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS Test: flex flow direction</title>
+<link rel="author" title="houzhenyu" href="http://www.github.com/sskyy" />
+<style>
+ .flex-container{
+ display:block;
+ margin:20px;
+ background: #333;
+ line-height: 0px;
+ }
+ .flex-item{
+ display: inline-block;
+ width:50px;
+ height:50px;
+ margin:20px 20px;
+ background: #eee;
+ line-height: 50px;
+ text-align: center;
+ }
+
+ .flex-container.flex-direction-row{
+ flex-direction : row;
+ }
+ .flex-container.flex-direction-row-reverse{
+ text-align: right;
+ }
+
+ .flex-container.flex-direction-column{
+ padding:20px 0px;
+ }
+
+ .flex-container.flex-direction-column .flex-item{
+ display: block;
+ margin:40px 20px;
+ }
+
+ .flex-container.flex-direction-column .flex-item.first{
+ margin-top:0px;
+ }
+ .flex-container.flex-direction-column .flex-item.last{
+ margin-bottom:0px;
+ }
+
+ .flex-container.flex-direction-column-reverse{
+ padding:20px 0px;
+ }
+
+ .flex-container.flex-direction-column-reverse .flex-item{
+ display: block;
+ margin:40px 20px;
+ }
+
+ .flex-container.flex-direction-column-reverse .flex-item.first{
+ margin-top:0px;
+ }
+ .flex-container.flex-direction-column-reverse .flex-item.last{
+ margin-bottom:0px;
+ }
+</style>
+</head>
+<body>
+ <h1>flex-direction:row</h1>
+ <div class="flex-container flex-direction-row"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div><div class="flex-item">new</div></div>
+
+ <h1>flex-direction:row-reverse</h1>
+ <div class="flex-container flex-direction-row-reverse"><div class="flex-item">new</div><div class="flex-item">3</div><div class="flex-item">2</div><div class="flex-item">1</div></div>
+
+ <h1>flex-direction:column</h1>
+ <div class="flex-container flex-direction-column"><div class="flex-item first">1</div><div class="flex-item">2</div><div class="flex-item">3</div><div class="flex-item last">new</div></div>
+
+ <h1>flex-direction:column-reverse</h1>
+ <div class="flex-container flex-direction-column-reverse"><div class="flex-item first">new</div><div class="flex-item">3</div><div class="flex-item">2</div><div class="flex-item last">1</div></div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-direction-with-element-insert-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexdirectionwithelementinserthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-direction-with-element-insert.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-direction-with-element-insert.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-direction-with-element-insert.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,70 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS Test: flex flow direction</title>
+<link rel="author" title="houzhenyu" href="http://www.github.com/sskyy" />
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction">
+<link rel="match" href="reference/flex-direction-with-element-insert.html">
+<meta name="assert" content="The flex items inserted by script shuould follow the right direction what the flex-direction property directives." />
+<style>
+ .flex-container{
+ display: flex;
+ margin:20px;
+ background: #333;
+ }
+ .flex-item{
+ width:50px;
+ height:50px;
+ margin:20px;
+ background: #eee;
+ line-height: 50px;
+ text-align: center;
+ }
+
+
+ .flex-container.flex-direction-row{
+ flex-direction : row;
+ }
+
+ .flex-container.flex-direction-row-reverse{
+ flex-direction : row-reverse;
+ }
+
+ .flex-container.flex-direction-column{
+ flex-direction : column;
+ }
+ .flex-container.flex-direction-column-reverse{
+ flex-direction : column-reverse;
+ }
+</style>
+</head>
+<body>
+ <h1>flex-direction:row</h1>
+ <div id="flex-direction-row" class="flex-container flex-direction-row"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>
+
+ <h1>flex-direction:row-reverse</h1>
+ <div id="flex-direction-row-reverse" class="flex-container flex-direction-row-reverse"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>
+
+ <h1>flex-direction:column</h1>
+ <div id="flex-direction-column" class="flex-container flex-direction-column"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>
+
+ <h1>flex-direction:column-reverse</h1>
+ <div id="flex-direction-column-reverse" class="flex-container flex-direction-column-reverse"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>
+
+
+ <script>
+ var ids = ['flex-direction-row',
+ 'flex-direction-row-reverse',
+ 'flex-direction-column',
+ 'flex-direction-column-reverse'];
+
+ for( var i in ids ){
+ var new_element = document.createElement("div")
+ new_element.className="flex-item";
+ new_element.innerHTML="new";
+ var container = document.getElementById( ids[i] );
+ container.appendChild( new_element );
+ }
+ </script>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-direction-with-element-insert.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexdirectionwithelementinserthtmlexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-direction-with-element-insert.html-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-direction-with-element-insert.html-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-direction-with-element-insert.html-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,76 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS Test: flex flow direction</title>
+<link rel="author" title="houzhenyu" href="http://www.github.com/sskyy" />
+<style>
+ .flex-container{
+ display:block;
+ margin:20px;
+ background: #333;
+ line-height: 0px;
+ }
+ .flex-item{
+ display: inline-block;
+ width:50px;
+ height:50px;
+ margin:20px 20px;
+ background: #eee;
+ line-height: 50px;
+ text-align: center;
+ }
+
+ .flex-container.flex-direction-row{
+ flex-direction : row;
+ }
+ .flex-container.flex-direction-row-reverse{
+ text-align: right;
+ }
+
+ .flex-container.flex-direction-column{
+ padding:20px 0px;
+ }
+
+ .flex-container.flex-direction-column .flex-item{
+ display: block;
+ margin:40px 20px;
+ }
+
+ .flex-container.flex-direction-column .flex-item.first{
+ margin-top:0px;
+ }
+ .flex-container.flex-direction-column .flex-item.last{
+ margin-bottom:0px;
+ }
+
+ .flex-container.flex-direction-column-reverse{
+ padding:20px 0px;
+ }
+
+ .flex-container.flex-direction-column-reverse .flex-item{
+ display: block;
+ margin:40px 20px;
+ }
+
+ .flex-container.flex-direction-column-reverse .flex-item.first{
+ margin-top:0px;
+ }
+ .flex-container.flex-direction-column-reverse .flex-item.last{
+ margin-bottom:0px;
+ }
+</style>
+</head>
+<body>
+ <h1>flex-direction:row</h1>
+ <div class="flex-container flex-direction-row"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div><div class="flex-item">new</div></div>
+
+ <h1>flex-direction:row-reverse</h1>
+ <div class="flex-container flex-direction-row-reverse"><div class="flex-item">new</div><div class="flex-item">3</div><div class="flex-item">2</div><div class="flex-item">1</div></div>
+
+ <h1>flex-direction:column</h1>
+ <div class="flex-container flex-direction-column"><div class="flex-item first">1</div><div class="flex-item">2</div><div class="flex-item">3</div><div class="flex-item last">new</div></div>
+
+ <h1>flex-direction:column-reverse</h1>
+ <div class="flex-container flex-direction-column-reverse"><div class="flex-item first">new</div><div class="flex-item">3</div><div class="flex-item">2</div><div class="flex-item last">1</div></div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-direction-with-element-insert.html-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexdirectionhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-direction.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-direction.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-direction.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,54 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS Test: flex flow direction</title>
+<link rel="author" title="houzhenyu" href="http://www.github.com/sskyy" />
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction">
+<link rel="match" href="reference/flex-direction.html">
+<meta name="assert" content="The flow of flex items in the the flex container should observe the flex-direction property." />
+<style>
+ .flex-container{
+ display: flex;
+ margin:20px;
+ background: #333;
+ }
+ .flex-item{
+ width:50px;
+ height:50px;
+ margin:20px;
+ background: #eee;
+ line-height: 50px;
+ text-align: center;
+ }
+
+
+ .flex-container.flex-direction-row{
+ flex-direction : row;
+ }
+
+ .flex-container.flex-direction-row-reverse{
+ flex-direction : row-reverse;
+ }
+
+ .flex-container.flex-direction-column{
+ flex-direction : column;
+ }
+ .flex-container.flex-direction-column-reverse{
+ flex-direction : column-reverse;
+ }
+</style>
+</head>
+<body>
+ <h1>flex-direction:row</h1>
+ <div class="flex-container flex-direction-row"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>
+
+ <h1>flex-direction:row-reverse</h1>
+ <div class="flex-container flex-direction-row-reverse"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>
+
+ <h1>flex-direction:column</h1>
+ <div class="flex-container flex-direction-column"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>
+
+ <h1>flex-direction:column-reverse</h1>
+ <div class="flex-container flex-direction-column-reverse"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-direction.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexdirectionhtmlexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-direction.html-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-direction.html-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-direction.html-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,76 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS Test: flex flow direction</title>
+<link rel="author" title="houzhenyu" href="http://www.github.com/sskyy" />
+<style>
+ .flex-container{
+ display:block;
+ margin:20px;
+ background: #333;
+ line-height: 0px;
+ }
+ .flex-item{
+ display: inline-block;
+ width:50px;
+ height:50px;
+ margin:20px 20px;
+ background: #eee;
+ line-height: 50px;
+ text-align: center;
+ }
+
+ .flex-container.flex-direction-row{
+ flex-direction : row;
+ }
+ .flex-container.flex-direction-row-reverse{
+ text-align: right;
+ }
+
+ .flex-container.flex-direction-column{
+ padding:20px 0px;
+ }
+
+ .flex-container.flex-direction-column .flex-item{
+ display: block;
+ margin:40px 20px;
+ }
+
+ .flex-container.flex-direction-column .flex-item.first{
+ margin-top:0px;
+ }
+ .flex-container.flex-direction-column .flex-item.last{
+ margin-bottom:0px;
+ }
+
+ .flex-container.flex-direction-column-reverse{
+ padding:20px 0px;
+ }
+
+ .flex-container.flex-direction-column-reverse .flex-item{
+ display: block;
+ margin:40px 20px;
+ }
+
+ .flex-container.flex-direction-column-reverse .flex-item.first{
+ margin-top:0px;
+ }
+ .flex-container.flex-direction-column-reverse .flex-item.last{
+ margin-bottom:0px;
+ }
+</style>
+</head>
+<body>
+ <h1>flex-direction:row</h1>
+ <div class="flex-container flex-direction-row"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>
+
+ <h1>flex-direction:row-reverse</h1>
+ <div class="flex-container flex-direction-row-reverse"><div class="flex-item">3</div><div class="flex-item">2</div><div class="flex-item">1</div></div>
+
+ <h1>flex-direction:column</h1>
+ <div class="flex-container flex-direction-column"><div class="flex-item first">1</div><div class="flex-item">2</div><div class="flex-item last">3</div></div>
+
+ <h1>flex-direction:column-reverse</h1>
+ <div class="flex-container flex-direction-column-reverse"><div class="flex-item first">3</div><div class="flex-item">2</div><div class="flex-item last">1</div></div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-direction.html-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexflexitemchildmarginexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-flexitem-childmargin-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-flexitem-childmargin-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-flexitem-childmargin-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,46 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: childNodes' 'margin' property of flex item'</title>
+ <link rel="author" title="Shaofei Cheng" href="mailto:csf178@gmail.com" />
+ <meta name="flags" content="" />
+ <style>
+ #test
+ {
+ background: blue;
+ display: block;
+ height:300px;
+ position:relative;
+ }
+ #test>div.flex {
+ width: 100px;
+ background:red;
+ }
+ #test>div.fixed
+ {
+ height: 300px;
+ flex:1;
+ background:red;
+ }
+ #test p
+ {
+ margin:200px 0 0 0;
+ }
+ </style>
+
+</head>
+<body>
+<div id="test">
+ <div class="fixed">
+ <p style="width:100px;height:100px;background:orange;position:absolute;left:0px;bottom:0px;">
+ a
+ </p>
+ </div>
+ <div class="flex">
+ <p style="width:100px;height:100px;background:green;position:absolute;right:0px;bottom:0px;">
+ b
+ </p>
+ </div>
+</div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-flexitem-childmargin-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexflexitemchildmarginhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-flexitem-childmargin.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-flexitem-childmargin.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-flexitem-childmargin.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,48 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>flex item child margin</title>
+ <link rel="author" title="shaofeic" href="csf178@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-items">
+ <link rel="match" href="reference/flex-flexitem-childmargin-ref.html">
+ <meta name="flags" content="" />
+ <meta name="assert" content="margin should effect the orange box and green box need to align to bottom." />
+ <style type="text/css">
+ #test
+ {
+ background: blue;
+ display: flex;
+ height:300px;
+ }
+ #test>div.flex {
+ width: 100px;
+ background:red;
+ }
+ #test>div.fixed
+ {
+ height: 300px;
+ flex:1;
+ background:red;
+ }
+ #test p
+ {
+ margin:200px 0 0 0;
+ }
+ </style>
+</head>
+<body>
+ <div id="test">
+ <div class="fixed">
+ <p style="width:100px;height:100px;background:orange;">
+ a
+ </p>
+ </div>
+ <div class="flex">
+ <p style="width:100px;height:100px;background:green;">
+ b
+ </p>
+ </div>
+ </div>
+</body>
+</html>
+
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-flexitem-childmargin.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexflexitempercentageprescationexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-flexitem-percentage-prescation-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-flexitem-percentage-prescation-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-flexitem-percentage-prescation-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: childNodes' 'margin' property of flex item'</title>
+ <link rel="author" title="Shaofei Cheng" href="mailto:csf178@gmail.com" />
+ <meta name="flags" content="" />
+ <style>
+ #test
+ {
+ background: blue;
+ position:relative;
+ height:300px;
+ width:101px;
+ }
+ p
+ {
+ position:absolute;
+ margin:0 0 0 0;
+ }
+ </style>
+
+</head>
+<body>
+<div id="test">
+ <div id="test">
+ <p style="background:green;top:0px;height:300px;left:0px;height:300px;width:50px;">damer</p>
+ <p style="top:0px;left:50px;height:300px;background:Red;width:51px;">damer</p>
+ </div>
+</div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-flexitem-percentage-prescation-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexflexitempercentageprescationhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-flexitem-percentage-prescation.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-flexitem-percentage-prescation.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-flexitem-percentage-prescation.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>flex item size prescation</title>
+ <link rel="author" title="shaofeic" href="csf178@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-items">
+ <link rel="match" href="reference/flex-flexitem-percentage-prescation-ref.html">
+ <meta name="flags" content="" />
+ <meta name="assert" content="no blue color could be seen." />
+ <style type="text/css">
+ #test
+ {
+ background: blue;
+ display: -webkit-flex;
+ display: flex;
+ height:300px;
+ width:101px;
+ }
+ p {
+ flex:1;
+ -webkit-flex:1;
+ background:red;
+ -webkit-flex-direction:row;
+ flex-direction:row;
+ margin:0 0 0 0;
+ }
+ </style>
+</head>
+<body>
+ <div id="test">
+ <p style="background:green;">damer</p>
+ <p>damer</p>
+ </div>
+</body>
+</html>
+
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-flexitem-percentage-prescation.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexflow001expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-flow-001-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-flow-001-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-flow-001-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Flexbox Test Reference File</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ div {
+ background-color: green;
+ float: left;
+ height: 50px;
+ width: 25px;
+ }
+</style>
+<body>
+ <p>Test passes if there is a filled green rectangle whose width is greater than height
+ and the number within rectangle is '1 2 3 4' from left to right.</p>
+ <div>1</div>
+ <div>2</div>
+ <div>3</div>
+ <div>4</div>
+</body>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-flow-001-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexflow001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-flow-001.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-flow-001.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-flow-001.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Flexbox Test: flex-flow - row nowrap</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
+<link rel="help" title="5.3. Flex Direction and Wrap: the 'flex-flow' shorthand" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap">
+<link rel="match" href="flex-flow-001-ref.html">
+<meta name="flags" content="">
+<meta name="assert" content="The 'flex-flow' property set 'row nowrap' controls the flex container is single-line">
+<style>
+ #test {
+ background-color: red;
+ display: flex;
+ flex-flow: row nowrap;
+ width: 100px;
+ }
+ #test div {
+ background-color: green;
+ height: 50px;
+ width: 50px;
+ }
+</style>
+<body>
+ <p>Test passes if there is a filled green rectangle whose width is greater than height
+ and the number within rectangle is '1 2 3 4' from left to right.</p>
+ <div id="test">
+ <div>1</div>
+ <div>2</div>
+ <div>3</div>
+ <div>4</div>
+ </div>
+</body>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-flow-001.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexflow002expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-flow-002-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-flow-002-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-flow-002-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,23 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Flexbox Test Reference File</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ div {
+ background-color: green;
+ height: 50px;
+ width: 50px;
+ }
+ .float {
+ margin-left: 50px;
+ margin-top: -50px;
+ }
+</style>
+<body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>, the number within square is '1 2 3 4'
+ from left to right, top to bottom.</p>
+ <div>1</div>
+ <div class="float">2</div>
+ <div>3</div>
+ <div class="float">4</div>
+</body>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-flow-002-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexflow002html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-flow-002.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-flow-002.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-flow-002.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Flexbox Test: flex-flow - row wrap</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
+<link rel="help" title="5.3. Flex Direction and Wrap: the 'flex-flow' shorthand" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap">
+<link rel="match" href="flex-flow-002-ref.html">
+<meta name="flags" content="">
+<meta name="assert" content="The 'flex-flow' property set 'row wrap' controls the flex container is multi-line">
+<style>
+ #test {
+ background-color: red;
+ display: flex;
+ flex-flow: row wrap;
+ height: 100px;
+ width: 100px;
+ }
+ #test div {
+ background-color: green;
+ height: 50px;
+ width: 50px;
+ }
+</style>
+<body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>, the number within square is '1 2 3 4'
+ from left to right, top to bottom.</p>
+ <div id="test">
+ <div>1</div>
+ <div>2</div>
+ <div>3</div>
+ <div>4</div>
+ </div>
+</body>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-flow-002.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexflow007expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-flow-007-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-flow-007-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-flow-007-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Flexbox Test Reference File</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ div {
+ background-color: green;
+ height: 25px;
+ width: 100px;
+ }
+</style>
+<body>
+ <p>Test passes if there is a filled green square and no red, the number within square is '1 2 3 4' from top to bottom.</p>
+ <div>1</div>
+ <div>2</div>
+ <div>3</div>
+ <div>4</div>
+</body>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-flow-007-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexflow007html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-flow-007.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-flow-007.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-flow-007.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Flexbox Test: flex-flow - column nowrap</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
+<link rel="help" title="5.3. Flex Direction and Wrap: the 'flex-flow' shorthand" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap">
+<link rel="match" href="flex-flow-007-ref.html">
+<meta name="flags" content="">
+<meta name="assert" content="The 'flex-flow' property set 'column nowrap' controls the flex container is single-line,
+but the main axis is vertical">
+<style>
+ #test {
+ background-color: red;
+ display: flex;
+ flex-flow: column nowrap;
+ height: 100px;
+ width: 100px;
+ }
+ #test div {
+ background-color: green;
+ height: 50px;
+ }
+</style>
+<body>
+ <p>Test passes if there is a filled green square and no red, the number within square is '1 2 3 4' from top to bottom.</p>
+ <div id="test">
+ <div>1</div>
+ <div>2</div>
+ <div>3</div>
+ <div>4</div>
+ </div>
+</body>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-flow-007.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexitemsflexibilityexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-items-flexibility-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-items-flexibility-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-items-flexibility-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,48 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Flex-basis Test</title>
+ <link rel="author" title="Chunsheng Zhang" href="mailto:zhangcs_423@163.com" />
+ <style type="text/css">
+ #container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border: 5px solid green;
+ width: 600px;
+ height: 200px;
+ padding: 5px;
+ border-radius: 3px;
+ position: absolute;
+ top: 70px;
+ left: 10px;
+ }
+ div {
+ padding: 10px;
+ width: 30px;
+ height: 40px;
+ text-align: center;
+ flex: 1 0 auto;
+ }
+ #flex {
+ border: 2px dotted blue;
+ background: green;
+ border-radius: 3px;
+ flex: 2 0 auto;
+ position: absolute;
+ top: 70px;
+ left: 160px;
+ width: 254px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>This case tests that flex items flexibility</p>
+ <p>The test passes if there is no red</p>
+ <section id="container">
+ <div></div>
+ <div id="flex"></div>
+ <div></div>
+ </section>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-items-flexibility-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexitemsflexibilityhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-items-flexibility.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-items-flexibility.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-items-flexibility.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,57 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Flex-basis Test</title>
+ <link rel="author" title="Chunsheng Zhang" href="mailto:zhangcs_423@163.com" />
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flexibility" />
+ <link rel="match" href="reference/flex-items-flexibility.html" />
+ <meta name="assert" content="flex items flexibility" />
+ <style type="text/css">
+ #container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border: 5px solid green;
+ width: 600px;
+ height: 200px;
+ padding: 5px;
+ border-radius: 3px;
+ position: absolute;
+ top: 70px;
+ left: 10px;
+ }
+ div {
+ padding: 10px;
+ width: 30px;
+ height: 40px;
+ text-align: center;
+ flex: 1 0 auto;
+ }
+ #flex {
+ border: 2px dotted blue;
+ background: green;
+ border-radius: 3px;
+ flex: 2 0 auto;
+ }
+ #fail-flag {
+ position: absolute;
+ padding: 10px;
+ top: 150px;
+ left: 183px;
+ width: 254px;
+ height: 40px;
+ background: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>This case tests that flex items flexibility</p>
+ <p>The test passes if there is no red</p>
+ <div id="fail-flag"></div>
+ <section id="container">
+ <div></div>
+ <div id="flex"></div>
+ <div></div>
+ </section>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-items-flexibility.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexitemsflexibilityhtmlexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-items-flexibility.html-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-items-flexibility.html-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-items-flexibility.html-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,48 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Flex-basis Test</title>
+ <link rel="author" title="Chunsheng Zhang" href="mailto:zhangcs_423@163.com" />
+ <style type="text/css">
+ #container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border: 5px solid green;
+ width: 600px;
+ height: 200px;
+ padding: 5px;
+ border-radius: 3px;
+ position: absolute;
+ top: 70px;
+ left: 10px;
+ }
+ div {
+ padding: 10px;
+ width: 30px;
+ height: 40px;
+ text-align: center;
+ flex: 1 0 auto;
+ }
+ #flex {
+ border: 2px dotted blue;
+ background: green;
+ border-radius: 3px;
+ flex: 2 0 auto;
+ position: absolute;
+ top: 70px;
+ left: 160px;
+ width: 254px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>This case tests that flex items flexibility</p>
+ <p>The test passes if there is no red</p>
+ <section id="container">
+ <div></div>
+ <div id="flex"></div>
+ <div></div>
+ </section>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-items-flexibility.html-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexlinesmultilinewrapreversecolumnreverseexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-column-reverse-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-column-reverse-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-column-reverse-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,67 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test Reference: flex container multiline wrapping-reverse in column-reverse direction</title>
+ <link rel="author" title="tmtysk" href="mailto:tmtysk@gmail.com">
+ <link rel="reviewer" title="Tab Atkins" href="mailto:jackalmage@gmail.com">
+ <style>
+ * { margin:0; padding:0; font-size:100%; line-height:1; }
+
+ .test {
+ width: 300px;
+ float: left;
+ width: 33.3%;
+ }
+
+ p {
+ margin-top: 10px;
+ margin-right: 10px;
+ background: #ccc;
+ }
+
+ #row1-col1 {
+ height: 90px;
+ }
+
+ #row1-col2 {
+ height: 90px;
+ }
+
+ #row1-col3 {
+ height: 90px;
+ }
+
+ #row2-col1 {
+ height: 140px;
+ }
+
+ #row2-col2 {
+ height: 140px;
+ }
+
+ #row3-col1 {
+ height: 290px;
+ }
+
+ .clear {
+ clear: both;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div class="test">
+ <p id="row1-col1">1-1</p>
+ <p id="row1-col2">1-2</p>
+ <p id="row1-col3">1-3</p>
+ </div>
+ <div class="test">
+ <p id="row2-col1">2-1</p>
+ <p id="row2-col2">2-2</p>
+ </div>
+ <div class="test">
+ <p id="row3-col1">3-1</p>
+ </div>
+ <div class="clear"></div>
+ </body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-column-reverse-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexlinesmultilinewrapreversecolumnreversehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-column-reverse.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-column-reverse.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-column-reverse.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,63 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: flex container multiline wrapping-reverse in column-reverse direction.</title>
+ <link rel="author" title="tmtysk" href="mailto:tmtysk@gmail.com">
+ <link rel="reviewer" title="Tab Atkins" href="mailto:jackalmage@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property">
+ <link rel="match" href="multi-line-wrap-reverse-column-reverse-ref.html">
+ <meta name="assert" content="This test check that a flex container reverse-wraps blocks multiline in column-reverse direction.">
+ <style>
+ * { margin:0; padding:0; font-size:100%; line-height:1; }
+
+ #test {
+ display: flex;
+ flex-direction: column-reverse;
+ flex-wrap: wrap-reverse;
+ height: 300px;
+ }
+
+ p {
+ margin-top: 10px;
+ margin-right: 10px;
+ background: #ccc;
+ }
+
+ #col1-row1 {
+ height: 90px;
+ }
+
+ #col1-row2 {
+ height: 90px;
+ }
+
+ #col1-row3 {
+ height: 90px;
+ }
+
+ #col2-row1 {
+ height: 140px;
+ }
+
+ #col2-row2 {
+ height: 140px;
+ }
+
+ #col3-row1 {
+ height: 290px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div id="test">
+ <p id="col3-row1">3-1</p>
+ <p id="col2-row2">2-2</p>
+ <p id="col2-row1">2-1</p>
+ <p id="col1-row3">1-3</p>
+ <p id="col1-row2">1-2</p>
+ <p id="col1-row1">1-1</p>
+ </div>
+ </body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-column-reverse.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexlinesmultilinewrapreverserowreverseexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-row-reverse-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-row-reverse-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-row-reverse-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,73 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test Reference: flex container multiline wrapping-reverse in row-reverse direction</title>
+ <link rel="author" title="tmtysk" href="mailto:tmtysk@gmail.com">
+ <link rel="reviewer" title="Tab Atkins" href="mailto:jackalmage@gmail.com">
+ <style>
+ * { margin:0; padding:0; font-size:100%; line-height:1; }
+
+ .test {
+ width: 300px;
+ }
+
+ p {
+ margin-top: 10px;
+ margin-right: 10px;
+ background: #ccc;
+ }
+
+ #row1-col1 {
+ width: 90px;
+ float: left;
+ }
+
+ #row1-col2 {
+ width: 90px;
+ float: left;
+ }
+
+ #row1-col3 {
+ width: 90px;
+ float: left;
+ }
+
+ #row2-col1 {
+ width: 140px;
+ float: left;
+ }
+
+ #row2-col2 {
+ width: 140px;
+ float: left;
+ }
+
+ #row3-col1 {
+ width: 290px;
+ float: left;
+ }
+
+ .clear {
+ clear: both;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div class="test">
+ <p id="row1-col1">1-1</p>
+ <p id="row1-col2">1-2</p>
+ <p id="row1-col3">1-3</p>
+ </div>
+ <div class="clear"></div>
+ <div class="test">
+ <p id="row2-col1">2-1</p>
+ <p id="row2-col2">2-2</p>
+ </div>
+ <div class="clear"></div>
+ <div class="test">
+ <p id="row3-col1">3-1</p>
+ </div>
+ <div class="clear"></div>
+ </body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-row-reverse-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexlinesmultilinewrapreverserowreversehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-row-reverse.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-row-reverse.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-row-reverse.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,64 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: flex container multiline wrapping-reverse in row-reverse direction.</title>
+ <link rel="author" title="tmtysk" href="mailto:tmtysk@gmail.com">
+ <link rel="reviewer" title="Tab Atkins" href="mailto:jackalmage@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property">
+ <link rel="match" href="multi-line-wrap-reverse-row-reverse-ref.html">
+ <meta name="assert" content="This test check that a flex container reverse-wraps blocks multiline in row-reverse direction.">
+ <style>
+ * { margin:0; padding:0; font-size:100%; line-height:1; }
+
+ #test {
+ display: flex;
+ flex-direction: row-reverse;
+ flex-wrap: wrap-reverse;
+ width: 300px;
+ }
+
+ p {
+ margin-top: 10px;
+ margin-right: 10px;
+ background: #ccc;
+ }
+
+ #row1-col1 {
+ width: 90px;
+ }
+
+ #row1-col2 {
+ width: 90px;
+ }
+
+ #row1-col3 {
+ width: 90px;
+ }
+
+ #row2-col1 {
+ width: 140px;
+ }
+
+ #row2-col2 {
+ width: 140px;
+ }
+
+ #row3-col1 {
+ width: 290px;
+ }
+
+
+ </style>
+ </head>
+ <body>
+ <div id="test">
+ <p id="row3-col1">3-1</p>
+ <p id="row2-col2">2-2</p>
+ <p id="row2-col1">2-1</p>
+ <p id="row1-col3">1-3</p>
+ <p id="row1-col2">1-2</p>
+ <p id="row1-col1">1-1</p>
+ </div>
+ </body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-reverse-row-reverse.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexlinesmultilinewrapwithcolumnreverseexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-with-column-reverse-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-with-column-reverse-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-with-column-reverse-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,67 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test Reference: flex container multiline wrapping in column-reverse direction</title>
+ <link rel="author" title="tmtysk" href="mailto:tmtysk@gmail.com">
+ <link rel="reviewer" title="Tab Atkins" href="mailto:jackalmage@gmail.com">
+ <style>
+ * { margin:0; padding:0; font-size:100%; line-height:1; }
+
+ .test {
+ width: 300px;
+ float: left;
+ width: 33.3%;
+ }
+
+ p {
+ margin-top: 10px;
+ margin-right: 10px;
+ background: #ccc;
+ }
+
+ #row1-col1 {
+ height: 90px;
+ }
+
+ #row1-col2 {
+ height: 90px;
+ }
+
+ #row1-col3 {
+ height: 90px;
+ }
+
+ #row2-col1 {
+ height: 140px;
+ }
+
+ #row2-col2 {
+ height: 140px;
+ }
+
+ #row3-col1 {
+ height: 290px;
+ }
+
+ .clear {
+ clear: both;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div class="test">
+ <p id="row1-col1">1-1</p>
+ <p id="row1-col2">1-2</p>
+ <p id="row1-col3">1-3</p>
+ </div>
+ <div class="test">
+ <p id="row2-col1">2-1</p>
+ <p id="row2-col2">2-2</p>
+ </div>
+ <div class="test">
+ <p id="row3-col1">3-1</p>
+ </div>
+ <div class="clear"></div>
+ </body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-with-column-reverse-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexlinesmultilinewrapwithcolumnreversehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-with-column-reverse.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-with-column-reverse.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-with-column-reverse.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,63 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: flex container multiline wrapping in column-reverse direction</title>
+ <link rel="author" title="tmtysk" href="mailto:tmtysk@gmail.com">
+ <link rel="reviewer" title="Tab Atkins" href="mailto:jackalmage@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property">
+ <link rel="match" href="multi-line-wrap-with-column-reverse-ref.html">
+ <meta name="assert" content="This test check that a flex container wraps blocks multiline in column-reverse direction.">
+ <style>
+ * { margin:0; padding:0; font-size:100%; line-height:1; }
+
+ #test {
+ display: flex;
+ flex-direction: column-reverse;
+ flex-wrap: wrap;
+ height: 300px;
+ }
+
+ p {
+ margin-top: 10px;
+ margin-right: 10px;
+ background: #ccc;
+ }
+
+ #col1-row1 {
+ height: 90px;
+ }
+
+ #col1-row2 {
+ height: 90px;
+ }
+
+ #col1-row3 {
+ height: 90px;
+ }
+
+ #col2-row1 {
+ height: 140px;
+ }
+
+ #col2-row2 {
+ height: 140px;
+ }
+
+ #col3-row1 {
+ height: 290px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div id="test">
+ <p id="col1-row3">1-3</p>
+ <p id="col1-row2">1-2</p>
+ <p id="col1-row1">1-1</p>
+ <p id="col2-row2">2-2</p>
+ <p id="col2-row1">2-1</p>
+ <p id="col3-row1">3-1</p>
+ </div>
+ </body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-with-column-reverse.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexlinesmultilinewrapwithrowreverseexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-with-row-reverse-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-with-row-reverse-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-with-row-reverse-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,70 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test Reference: flex container multiline wrapping in row-reverse direction</title>
+ <link rel="author" title="tmtysk" href="mailto:tmtysk@gmail.com">
+ <link rel="reviewer" title="Tab Atkins" href="mailto:jackalmage@gmail.com">
+ <style>
+ .test {
+ width: 300px;
+ }
+
+ p {
+ margin-right: 10px;
+ background: #ccc;
+ }
+
+ #row1-col1 {
+ width: 90px;
+ float: left;
+ }
+
+ #row1-col2 {
+ width: 90px;
+ float: left;
+ }
+
+ #row1-col3 {
+ width: 90px;
+ float: left;
+ }
+
+ #row2-col1 {
+ width: 140px;
+ float: left;
+ }
+
+ #row2-col2 {
+ width: 140px;
+ float: left;
+ }
+
+ #row3-col1 {
+ width: 290px;
+ float: left;
+ }
+
+ .clear {
+ clear: both;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div class="test">
+ <p id="row1-col1">1-1</p>
+ <p id="row1-col2">1-2</p>
+ <p id="row1-col3">1-3</p>
+ </div>
+ <div class="clear"></div>
+ <div class="test">
+ <p id="row2-col1">2-1</p>
+ <p id="row2-col2">2-2</p>
+ </div>
+ <div class="clear"></div>
+ <div class="test">
+ <p id="row3-col1">3-1</p>
+ </div>
+ <div class="clear"></div>
+ </body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-with-row-reverse-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexlinesmultilinewrapwithrowreversehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-with-row-reverse.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-with-row-reverse.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-with-row-reverse.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,60 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: flex container multiline wrapping in row-reverse direction</title>
+ <link rel="author" title="tmtysk" href="mailto:tmtysk@gmail.com">
+ <link rel="reviewer" title="Tab Atkins" href="mailto:jackalmage@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property">
+ <link rel="match" href="multi-line-wrap-with-row-reverse-ref.html">
+ <meta name="assert" content="This test check that a flex container wraps blocks multiline in row-reverse direction.">
+ <style>
+ #test {
+ display: flex;
+ flex-direction: row-reverse;
+ flex-wrap: wrap;
+ width: 300px;
+ }
+
+ p {
+ margin-right: 10px;
+ background: #ccc;
+ }
+
+ #row1-col1 {
+ width: 90px;
+ }
+
+ #row1-col2 {
+ width: 90px;
+ }
+
+ #row1-col3 {
+ width: 90px;
+ }
+
+ #row2-col1 {
+ width: 140px;
+ }
+
+ #row2-col2 {
+ width: 140px;
+ }
+
+ #row3-col1 {
+ width: 290px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div id="test">
+ <p id="row1-col3">1-3</p>
+ <p id="row1-col2">1-2</p>
+ <p id="row1-col1">1-1</p>
+ <p id="row2-col2">2-2</p>
+ <p id="row2-col1">2-1</p>
+ <p id="row3-col1">3-1</p>
+ </div>
+ </body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-lines/multi-line-wrap-with-row-reverse.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexmarginnocollapseexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-margin-no-collapse-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-margin-no-collapse-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-margin-no-collapse-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Reference File</title>
+ <link rel="author" title="Ping Huang" href="mailto:phuangce@gmail.com" />
+ <style type="text/css">
+ #container {
+ position: absolute;
+ top: 100px;
+ left: 10px;
+ width: 200px;
+ height: 300px;
+ }
+
+ .box {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+ }
+
+ #box1 {
+ margin: 50px 0;
+ }
+
+ #box2 {
+ margin: 100px 0;
+ }
+
+ </style>
+</head>
+<body>
+ <p>The test passes if there are two green boxes and no red.</p>
+ <div id="container">
+ <div id="box1" class="box"></div>
+ <div id="box2" class="box"></div>
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-margin-no-collapse-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexmarginnocollapsehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-margin-no-collapse.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-margin-no-collapse.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-margin-no-collapse.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,53 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: flex item margins</title>
+ <link rel="author" title="Ping Huang" href="mailto:phuangce@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#item-margins">
+ <link rel="match" href="reference/flex-margin-no-collapse-ref.html">
+ <meta name="assert" content="The vertical gap between two green boxs should be 100px." />
+ <style type="text/css">
+ #container {
+ display: flex ;
+ flex-direction: column;
+ position: absolute;
+ top: 100px;
+ left: 10px;
+ width: 200px;
+ height: 300px;
+ }
+
+ .box {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+ }
+
+ #box1 {
+ margin: 50px 0;
+ }
+
+ #box2 {
+ margin: 50px 0;
+ }
+
+ #red-box {
+ position: absolute;
+ top: 350px;
+ left: 10px;
+ width: 100px;
+ height: 100px;
+ background-color: red;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passes if there are two green boxes and no red.</p>
+ <div id="red-box"></div>
+ <div id="container">
+ <div id="box1" class="box"></div>
+ <div id="box2" class="box"></div>
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-margin-no-collapse.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexorderexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-order-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-order-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-order-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+
+<html>
+<head>
+ <title>CSS Reftest Reference: flex order</title>
+ <link rel="author" title="Mitsuteru Sawa" href="mailto:mitsuteru.s@gmail.com">
+ <style>
+ #container { display: -webkit-flex; }
+ #highOrdinal {
+ background: lime;
+ height: 100px; width: 100px;
+ }
+ #middleOrdinal {
+ background: orange;
+ height: 100px; width: 100px;
+ }
+ #lowOrdinal {
+ background: red;
+ height: 100px; width: 100px;
+ }
+ </style>
+</head>
+<body>
+ <div id="container">
+ <div id="highOrdinal"></div>
+ <div id="middleOrdinal"></div>
+ <div id="lowOrdinal"></div>
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-order-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexorderhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-order.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-order.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-order.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: flex order</title>
+ <link rel="author" title="Mitsuteru Sawa" href="mailto:mitsuteru.s@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#order-property">
+ <link rel="match" href="flex-order-ref.html">
+ <meta name="assert" content="ordered flex items should ordered properly">
+ <style>
+ #container {
+ display: -webkit-flex;
+ }
+ #lowOrdinal {
+ -webkit-order: 3;
+ background: red;
+ height: 100px; width: 100px;
+ }
+ #highOrdinal {
+ -webkit-order: 1;
+ background: lime;
+ height: 100px; width: 100px;
+ }
+ #middleOrdinal {
+ -webkit-order: 2;
+ background: orange;
+ height: 100px; width: 100px;
+ }
+ </style>
+</head>
+<body>
+ <div id="container">
+ <div id="highOrdinal"></div>
+ <div id="lowOrdinal"></div>
+ <div id="middleOrdinal"></div>
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-order.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexverticalaligneffectexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-vertical-align-effect-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-vertical-align-effect-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-vertical-align-effect-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,23 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: 'display' property set to 'flex'</title>
+ <link rel="author" title="Hua Zhao" href="mailto:zhaohua.design@163.com" />
+
+ <style type="text/css">
+ input{
+ margin:0;
+ padding:0;
+ vertical-align:top;
+ float: left;
+ }
+ </style>
+</head>
+<body>
+
+ <div id="container">
+ <input type="text" value="input1" />
+ <input type="radio" />
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-vertical-align-effect-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexverticalaligneffecthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-vertical-align-effect.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-vertical-align-effect.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-vertical-align-effect.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: 'display' property set to 'flex'</title>
+ <link rel="author" title="Hua Zhao" href="mailto:zhaohua.design@163.com" />
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+ <link rel="match" href="reference/flex-vertical-align-effect.html">
+ <meta name="flags" content="" />
+ <meta name="assert" content="vertical-align property has no effect" />
+
+ <style type="text/css">
+ #container {
+ display:flex;
+ }
+ input{
+ margin:0;padding:0;vertical-align:middle;
+ }
+ </style>
+</head>
+<body>
+
+ <div id="container">
+ <input type="text" value="input1" />
+ <input type="radio" />
+
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-vertical-align-effect.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexverticalaligneffecthtmlexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flex-vertical-align-effect.html-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flex-vertical-align-effect.html-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flex-vertical-align-effect.html-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,23 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Test: 'display' property set to 'flex'</title>
+ <link rel="author" title="Hua Zhao" href="mailto:zhaohua.design@163.com" />
+
+ <style type="text/css">
+ input{
+ margin:0;
+ padding:0;
+ vertical-align:top;
+ float: left;
+ }
+ </style>
+</head>
+<body>
+
+ <div id="container">
+ <input type="text" value="input1" />
+ <input type="radio" />
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flex-vertical-align-effect.html-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexboxflexwrapflexingexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox-flex-wrap-flexing-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox-flex-wrap-flexing-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox-flex-wrap-flexing-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+<!doctype html>
+<html>
+<head>
+ <title>CSS Flexbox Test: flex-wrap flexes widths after line breaking</title>
+ <link rel="author" title="Alan Stearns" href="mailto:stearns@adobe.com">
+ <style>
+ .container {
+ width: 150px;
+ height: 100px;
+ background: green;
+ }
+ </style>
+</head>
+<body>
+ <p>Test passes if there is a green rectangle and no red.</p>
+ <div class="container"></div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox-flex-wrap-flexing-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexboxflexwrapflexinghtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox-flex-wrap-flexing.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox-flex-wrap-flexing.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox-flex-wrap-flexing.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!doctype html>
+<html>
+<head>
+ <title>CSS Flexbox Test: flex-wrap flexes widths after line breaking</title>
+ <link rel="author" title="Alan Stearns" href="mailto:stearns@adobe.com">
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-lines">
+ <meta name="flags" content="">
+ <link rel="match" href="flexbox-flex-wrap-flexing-ref.html"/>
+ <meta name="assert" content="Flex items given more space after line breaking should flex wider">
+ <meta name="assert" content="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap">
+ <meta name="assert" content="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+ <style>
+ .container {
+ display: flex;
+ width: 150px;
+ height: 100px;
+ flex-wrap: wrap;
+ background: red;
+ }
+ .item {
+ min-width: 100px;
+ flex: 1;
+ height: 50px;
+ display: inline-block; /*to fail the test if display:flex fails*/;
+ background: green;
+ }
+ </style>
+</head>
+<body>
+ <p>Test passes if there is a green rectangle and no red.</p>
+ <div class="container">
+ <div class="item"></div>
+ <div class="item"></div>
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox-flex-wrap-flexing.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexboxflexwrapnowrapexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox-flex-wrap-nowrap-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox-flex-wrap-nowrap-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox-flex-wrap-nowrap-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reftest Reference: Flexbox flex-wrap: nowrap</title>
+ <link rel="author" title="Gavin Elster" href="mailto:gavin.elster@me.com">
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
+ <meta name="flags" content="">
+ <style type="text/css">
+ div {
+ width: 120px;
+ height: 120px;
+ background: green;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passes if there is a green square and no red.</p>
+ <div></div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox-flex-wrap-nowrap-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexboxflexwrapnowraphtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox-flex-wrap-nowrap.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox-flex-wrap-nowrap.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox-flex-wrap-nowrap.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,40 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Flexbox Test: Flex-wrap = nowrap</title>
+ <link rel="author" title="Gavin Elster" href="mailto:gavin.elster@me.com">
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap">
+ <link rel="match" href="reference/flexbox-flex-wrap-nowrap-ref.htm" />
+ <meta name="flags" content="">
+ <meta name="assert" content="Test checks that flex elements set to flex-wrap: nowrap will not wrap their flex items. With wrapping disabled, the .green flex item should extend outside the bounds of its container, as it is set to flex:none.">
+ <style>
+ .flex-wrapper {
+ display: flex;
+ flex-wrap: nowrap;
+
+ background: green;
+ border-right: 60px solid red;
+
+ width: 60px;
+ height: 120px;
+ }
+
+ .flex-wrapper div{
+ width: 60px;
+ flex: none;
+ }
+
+ .green {
+ background: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>The test passes if there is a green square and no red.</p>
+ <div class="flex-wrapper">
+ <div></div>
+ <div class="green"></div>
+ </div>
+ </body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox-flex-wrap-nowrap.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_absoluteatomicexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_absolute-atomic-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_absolute-atomic-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_absolute-atomic-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | abspos atomic flexitems</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+body {margin: 0;}
+body>div {
+ background: #ffcc00;
+
+ display: flex;
+ justify-content: space-around;
+}
+div div {
+ background: #3366cc;
+ margin: 20px;
+}
+</style>
+
+<div>
+ <div>damer</div>
+ <div>damer</div>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_absolute-atomic-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_absoluteatomichtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_absolute-atomic.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_absolute-atomic.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_absolute-atomic.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | abspos atomic flexitems</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#abspos-items">
+<link rel="match" href="flexbox_absolute-atomic-ref.html">
+<style>
+body {margin: 0;}
+body>div {
+ background: #ffcc00;
+
+ display: flex;
+ justify-content: space-around;
+}
+div div {
+ background: #3366cc;
+ margin: 20px;
+}
+#abs {
+ position: absolute;
+ top: -1000px;
+}
+</style>
+
+<div>
+ <div>damer</div>
+ <div id="abs">damer</div>
+ <div>damer</div>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_absolute-atomic.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentcenterexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-center-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-center-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-center-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-content: center</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 20em;
+ position: relative;
+}
+span {
+ background: yellow;
+ width: 8em;
+ height: 2em;
+ position: absolute;
+ top: 1em;
+ left: 1em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ left: 11em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ top: 3em;
+ left: 1em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-center-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentcenterhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-center.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-center.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-center.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-content: center</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property">
+<link rel="match" href="flexbox_align-content-center-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 20em;
+
+ display: flex;
+ flex-wrap: wrap;
+ align-content: center;
+}
+span {
+ background: white;
+ margin: 0 1em;
+ width: 8em;
+ height: 2em;
+ display: inline-block;
+
+ flex: none;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-center.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentflexendexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-flexend-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-flexend-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-flexend-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-content: flex-end</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 20em;
+ position: relative;
+}
+span {
+ background: yellow;
+ width: 8em;
+ height: 2em;
+ position: absolute;
+ top: 2em;
+ left: 1em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ left: 11em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ top: 4em;
+ left: 1em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-flexend-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentflexendhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-flexend.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-flexend.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-flexend.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-content: flex-end</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property">
+<link rel="match" href="flexbox_align-content-flexend-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 20em;
+
+ display: flex;
+ flex-wrap: wrap;
+ align-content: flex-end;
+}
+span {
+ background: white;
+ margin: 0 1em;
+ width: 8em;
+ height: 2em;
+ display: inline-block;
+
+ flex: none;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-flexend.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentflexstartexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-flexstart-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-flexstart-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-flexstart-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-content: flex-start</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 20em;
+ position: relative;
+}
+span {
+ background: yellow;
+ width: 8em;
+ height: 2em;
+ position: absolute;
+ top: 0;
+ left: 1em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ left: 11em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ top: 2em;
+ left: 1em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-flexstart-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentflexstarthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-flexstart.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-flexstart.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-flexstart.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-content: flex-start</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property">
+<link rel="match" href="flexbox_align-content-flexstart-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 20em;
+
+ display: flex;
+ flex-wrap: wrap;
+ align-content: flex-start;
+}
+span {
+ background: white;
+ margin: 0 1em;
+ width: 8em;
+ height: 2em;
+ display: inline-block;
+
+ flex: none;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-flexstart.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentspacearoundexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-spacearound-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-spacearound-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-spacearound-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-content: space-around</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 20em;
+ position: relative;
+}
+span {
+ background: yellow;
+ width: 8em;
+ height: 2em;
+ position: absolute;
+ top: 0.5em;
+ left: 1em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ left: 11em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ top: 3.5em;
+ left: 1em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-spacearound-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentspacearoundhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-spacearound.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-spacearound.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-spacearound.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-content: space-around</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property">
+<link rel="match" href="flexbox_align-content-spacearound-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 20em;
+
+ display: flex;
+ flex-wrap: wrap;
+ align-content: space-around;
+}
+span {
+ background: white;
+ margin: 0 1em;
+ width: 8em;
+ height: 2em;
+ display: inline-block;
+
+ flex: none;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-spacearound.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentspacebetweenexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-spacebetween-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-spacebetween-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-spacebetween-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-content: space-between</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 20em;
+ position: relative;
+}
+span {
+ background: yellow;
+ width: 8em;
+ height: 2em;
+ position: absolute;
+ top: 0;
+ left: 1em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ left: 11em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ top: 4em;
+ left: 1em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-spacebetween-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentspacebetweenhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-spacebetween.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-spacebetween.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-spacebetween.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-content: space-between</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property">
+<link rel="match" href="flexbox_align-content-spacebetween-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 20em;
+
+ display: flex;
+ flex-wrap: wrap;
+ align-content: space-between;
+}
+span {
+ background: white;
+ margin: 0 1em;
+ width: 8em;
+ height: 2em;
+ display: inline-block;
+
+ flex: none;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-spacebetween.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentstretch2expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-stretch-2-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-stretch-2-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-stretch-2-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-content: stretch</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 20em;
+ position: relative;
+}
+span {
+ background: yellow;
+ width: 8em;
+ height: 3em;
+ position: absolute;
+ top: 0;
+ left: 1em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ left: 11em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ top: 3em;
+ left: 1em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-stretch-2-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentstretch2html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-stretch-2.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-stretch-2.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-stretch-2.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-content: stretch</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property">
+<link rel="match" href="flexbox_align-content-stretch-2-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 20em;
+
+ display: flex;
+ flex-wrap: wrap;
+ align-content: stretch;
+}
+span {
+ background: white;
+ margin: 0 1em;
+ width: 8em;
+ display: inline-block;
+
+ flex: none;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-stretch-2.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentstretchexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-stretch-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-stretch-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-stretch-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-content: stretch</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 20em;
+ position: relative;
+}
+span {
+ background: yellow;
+ width: 8em;
+ height: 2em;
+ position: absolute;
+ top: 0;
+ left: 1em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ left: 11em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ top: 3em;
+ left: 1em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-stretch-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_aligncontentstretchhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-stretch.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-stretch.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-stretch.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-content: stretch</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property">
+<link rel="match" href="flexbox_align-content-stretch-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 20em;
+
+ display: flex;
+ flex-wrap: wrap;
+ align-content: stretch;
+}
+span {
+ background: white;
+ margin: 0 1em;
+ width: 8em;
+ height: 2em;
+ display: inline-block;
+
+ flex: none;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-content-stretch.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsbaselineexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-baseline-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-baseline-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-baseline-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-items: baseline</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+ position: relative;
+}
+span {
+ background: white;
+ width: 8em;
+ height: 2em;
+ display: block;
+ position: absolute;
+ top: 1em;
+ left: 1em;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {
+ background: pink;
+ height: 3em;
+ left: 11em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ height: 4em;
+ left: 21em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-baseline-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsbaselinehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-baseline.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-baseline.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-baseline.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,42 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-items: baseline</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items">
+<link rel="match" href="flexbox_align-items-baseline-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+
+ display: flex;
+ align-items: baseline;
+}
+span {
+ background: white;
+ margin: 0 1em;
+ width: 8em;
+ height: 2em;
+ display: inline-block;
+
+ flex: none;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {
+ background: pink;
+ margin-top: 1em;
+ height: 3em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ height: 4em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-baseline.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignitemscenter2expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-center-2-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-center-2-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-center-2-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,40 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-items: center</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+ position: relative;
+}
+span {
+ background: yellow;
+ width: 8em;
+ height: 2em;
+ position: absolute;
+ top: 2em;
+ left: 1em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ height: 3em;
+ top: 1.5em;
+ left: 11em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ height: 4em;
+ top: 1em;
+ left: 21em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-center-2-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignitemscenter2html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-center-2.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-center-2.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-center-2.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-items: center</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items">
+<link rel="match" href="flexbox_align-items-center-2-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+
+ display: flex;
+ align-items: center;
+}
+span {
+ background: white;
+ margin: 0 1em;
+ width: 8em;
+ height: 2em;
+ display: inline-block;
+
+ flex: none;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {
+ background: pink;
+ height: 3em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ height: 4em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-center-2.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignitemscenterexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-center-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-center-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-center-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-items: center</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+ position: relative;
+}
+span {
+ background: yellow;
+ width: 8em;
+ height: 2em;
+ position: absolute;
+ top: 2em;
+ left: 1em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ left: 11em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ left: 21em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-center-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignitemscenterhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-center.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-center.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-center.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-items: center</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items">
+<link rel="match" href="flexbox_align-items-center-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+
+ display: flex;
+ align-items: center;
+}
+span {
+ background: white;
+ margin: 0 1em;
+ width: 8em;
+ height: 2em;
+ display: inline-block;
+
+ flex: none;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-center.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsflexend2expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexend-2-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexend-2-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexend-2-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-items: flex-end</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+ position: relative;
+}
+span {
+ background: yellow;
+ width: 8em;
+ position: absolute;
+ bottom: 0;
+ left: 1em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ height: 3em;
+ left: 11em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ height: 4em;
+ left: 21em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexend-2-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsflexend2html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexend-2.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexend-2.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexend-2.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,40 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-items: flex-end</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items">
+<link rel="match" href="flexbox_align-items-flexend-2-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+
+ display: flex;
+ align-items: flex-end;
+}
+span {
+ background: white;
+ margin: 0 1em;
+ width: 8em;
+ display: inline-block;
+
+ flex: none;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {
+ background: pink;
+ height: 3em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ height: 4em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexend-2.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsflexendexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexend-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexend-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexend-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-items: flex-end</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+ position: relative;
+}
+span {
+ background: yellow;
+ width: 8em;
+ position: absolute;
+ bottom: 0;
+ left: 1em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ left: 11em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ left: 21em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexend-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsflexendhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexend.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexend.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexend.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-items: flex-end</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items">
+<link rel="match" href="flexbox_align-items-flexend-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+
+ display: flex;
+ align-items: flex-end;
+}
+span {
+ background: white;
+ margin: 0 1em;
+ width: 8em;
+ display: inline-block;
+
+ flex: none;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexend.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsflexstart2expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexstart-2-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexstart-2-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexstart-2-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-items: flex-start</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+ position: relative;
+}
+span {
+ background: yellow;
+ width: 8em;
+ display: inline-block;
+ position: absolute;
+ top: 0;
+ left: 1em;
+}
+span:nth-child(2) {
+ background: pink;
+ height: 3em;
+ left: 11em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ height: 4em;
+ left: 21em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexstart-2-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsflexstart2html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexstart-2.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexstart-2.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexstart-2.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,40 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-items: flex-start</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items">
+<link rel="match" href="flexbox_align-items-flexstart-2-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+
+ display: flex;
+ align-items: flex-start;
+}
+span {
+ background: white;
+ margin: 0 1em;
+ width: 8em;
+ display: inline-block;
+
+ flex: none;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {
+ background: pink;
+ height: 3em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ height: 4em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexstart-2.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsflexstartexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexstart-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexstart-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexstart-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-items: flex-start</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+ position: relative;
+}
+span {
+ background: yellow;
+ width: 8em;
+ position: absolute;
+ top: 0;
+ left: 1em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ left: 11em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ left: 21em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexstart-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsflexstarthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexstart.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexstart.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexstart.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-items: flex-start</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items">
+<link rel="match" href="flexbox_align-items-flexstart-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+
+ display: flex;
+ align-items: flex-start;
+}
+span {
+ background: white;
+ margin: 0 1em;
+ width: 8em;
+ display: inline-block;
+
+ flex: none;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-flexstart.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsstretch2expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-stretch-2-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-stretch-2-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-stretch-2-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,17 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-items: stretch</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: black;
+ margin: 1em 0 0;
+ width: 30em;
+ height: 6em;
+}
+span {
+ display: inline-block;
+}
+</style>
+
+<div></div>
+<span>PASS</span>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-stretch-2-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsstretch2html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-stretch-2.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-stretch-2.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-stretch-2.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-items: stretch</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items">
+<link rel="match" href="flexbox_align-items-stretch-2-ref.html">
+<style>
+div {
+ background: black;
+ margin: 1em 0;
+ width: 30em;
+ height: 6em;
+
+ display: flex;
+ align-items: stretch;
+}
+span {
+ width: 8em;
+ display: inline-block;
+
+ flex: none;
+}
+span:nth-child(1) {
+ margin-top: 6em;
+}
+</style>
+
+<div>
+ <span>PASS</span>
+ <span></span>
+ <span>x</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-stretch-2.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsstretchexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-stretch-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-stretch-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-stretch-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-items: stretch</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+ position: relative;
+}
+span {
+ background: yellow;
+ margin: 0;
+ width: 8em;
+ height: 6em;
+ position: absolute;
+ top: 0;
+ left: 1em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ height: 3em;
+ top: 3em;
+ left: 11em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ height: 6em;
+ top: 0;
+ left: 21em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-stretch-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignitemsstretchhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-stretch.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-stretch.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-stretch.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-items: stretch</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items">
+<link rel="match" href="flexbox_align-items-stretch-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+
+ display: flex;
+ align-items: stretch;
+}
+span {
+ background: white;
+ margin: 0 1em;
+ width: 8em;
+ display: inline-block;
+
+ flex: none;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {
+ background: pink;
+ margin-top: 3em;
+}
+span:nth-child(3) {
+ background: lightblue;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-items-stretch.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignselfautoexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-auto-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-auto-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-auto-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-self: auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+ position: relative;
+}
+span {
+ background: yellow;
+ width: 8em;
+ position: absolute;
+ bottom: 0;
+ left: 1em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ left: 11em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ left: 21em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-auto-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignselfautohtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-auto.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-auto.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-auto.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-self: auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items">
+<link rel="match" href="flexbox_align-self-auto-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+
+ display: flex;
+ align-items: flex-end;
+}
+span {
+ background: white;
+ margin: 0 1em;
+ width: 8em;
+ display: inline-block;
+
+ flex: none;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {
+ background: lightblue;
+ align-self: auto;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-auto.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignselfbaselineexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-baseline-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-baseline-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-baseline-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-self: baseline</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+ position: relative;
+}
+span {
+ background: yellow;
+ width: 8em;
+ height: 3em;
+ position: absolute;
+ top: 1.5em;
+ left: 1em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ left: 11em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ top: 0;
+ left: 21em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-baseline-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignselfbaselinehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-baseline.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-baseline.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-baseline.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-self: baseline</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items">
+<link rel="match" href="flexbox_align-self-baseline-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+
+ display: flex;
+ align-items: center;
+}
+span {
+ background: white;
+ margin: 0 1em;
+ width: 8em;
+ height: 3em;
+ display: inline-block;
+
+ flex: none;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {
+ background: lightblue;
+ align-self: baseline;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-baseline.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignselfcenterexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-center-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-center-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-center-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-self: center</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+ position: relative;
+}
+span {
+ background: yellow;
+ width: 8em;
+ position: absolute;
+ top: 0;
+ left: 1em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ left: 11em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ height: 4em;
+ top: 1em;
+ left: 21em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-center-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignselfcenterhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-center.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-center.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-center.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-self: center</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items">
+<link rel="match" href="flexbox_align-self-center-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+
+ display: flex;
+ align-items: flex-start;
+}
+span {
+ background: white;
+ margin: 0 1em;
+ width: 8em;
+ display: inline-block;
+
+ flex: none;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {
+ background: lightblue;
+ height: 4em;
+ align-self: center;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-center.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignselfflexendexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-flexend-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-flexend-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-flexend-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-self: flex-end</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+ position: relative;
+}
+span {
+ background: yellow;
+ width: 8em;
+ position: absolute;
+ top: 0;
+ left: 1em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ left: 11em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ top: auto;
+ bottom: 0;
+ left: 21em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-flexend-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignselfflexendhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-flexend.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-flexend.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-flexend.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-self: flex-end</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items">
+<link rel="match" href="flexbox_align-self-flexend-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+
+ display: flex;
+ align-items: flex-start;
+}
+span {
+ background: white;
+ margin: 0 1em;
+ width: 8em;
+ display: inline-block;
+
+ flex: none;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {
+ background: lightblue;
+ align-self: flex-end;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-flexend.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignselfflexstartexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-flexstart-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-flexstart-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-flexstart-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-self: flex-start</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+ position: relative;
+}
+span {
+ background: yellow;
+ width: 8em;
+ position: absolute;
+ bottom: 0;
+ left: 1em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ left: 11em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ top: 0;
+ bottom: auto;
+ left: 21em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-flexstart-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignselfflexstarthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-flexstart.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-flexstart.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-flexstart.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-self: flex-start</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items">
+<link rel="match" href="flexbox_align-self-flexstart-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+
+ display: flex;
+ align-items: flex-end;
+}
+span {
+ background: white;
+ margin: 0 1em;
+ width: 8em;
+ display: inline-block;
+
+ flex: none;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {
+ background: lightblue;
+ align-self: flex-start;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-flexstart.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignselfstretchexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-stretch-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-stretch-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-stretch-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-self: stretch</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+ position: relative;
+}
+span {
+ background: yellow;
+ width: 8em;
+ height: 3em;
+ position: absolute;
+ top: 1.5em;
+ left: 1em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ left: 11em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ height: 6em;
+ top: 0;
+ left: 21em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-stretch-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_alignselfstretchhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-stretch.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-stretch.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-stretch.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | align-self: stretch</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items">
+<link rel="match" href="flexbox_align-self-stretch-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 6em;
+ width: 30em;
+
+ display: flex;
+ align-items: center;
+}
+span {
+ background: white;
+ margin: 0 1em;
+ width: 8em;
+ height: 3em;
+ display: inline-block;
+
+ flex: none;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {
+ background: lightblue;
+ height: auto;
+ align-self: stretch;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_align-self-stretch.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_boxclearexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_box-clear-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_box-clear-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_box-clear-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | cleared box</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+#float {
+ background: #3366cc;
+ padding: 1em;
+ float: left;
+
+}
+#flex {
+ background: #ffcc00;
+ padding: 2em;
+ clear: both;
+}
+div div {
+ background: pink;
+ height: 4em;
+ display: inline-block;
+}
+</style>
+
+<div id="float">damer</div>
+
+<div id="flex">
+ <div>Yellow box should be below the blue box</div>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_box-clear-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_boxclearhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_box-clear.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_box-clear.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_box-clear.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | cleared box</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#flex-containers">
+<link rel="match" href="flexbox_box-clear-ref.html">
+<style>
+#float {
+ background: #3366cc;
+ padding: 1em;
+ float: left;
+
+}
+#flex {
+ background: #ffcc00;
+ clear: both;
+ display: flex;
+}
+div div {
+ background: pink;
+ margin: 2em;
+ height: 4em;
+}
+</style>
+
+<div id="float">damer</div>
+
+<div id="flex">
+ <div>Yellow box should be below the blue box</div>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_box-clear.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_columnsexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | multicol</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: black;
+}
+</style>
+
+<div>x</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_columnsflexitems2expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-flexitems-2-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-flexitems-2-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-flexitems-2-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,22 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | multicol on flexbox items</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {background: blue;}
+p {
+ font-family: ahem;
+ background: yellow;
+ column-rule: 1em solid lime;
+ columns: 2;
+ margin: 0 auto;
+ width: 200px;
+}
+</style>
+
+<div>
+ <p>
+ one two three four five
+ one two three four five
+ one two three four five
+ </p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-flexitems-2-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_columnsflexitems2html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-flexitems-2.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-flexitems-2.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-flexitems-2.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | multicol on flexbox items</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#flex-containers">
+<link rel="match" href="flexbox_columns-flexitems-2-ref.html">
+<link rel="flags" content="ahem">
+<style>
+div {
+ background: blue;
+
+ display: flex;
+ justify-content: space-around;
+}
+p {
+ font-family: ahem;
+ background: yellow;
+ column-rule: 1em solid lime;
+ columns: 2;
+ margin: 0;
+ width: 200px;
+}
+</style>
+
+<div>
+ <p>
+ one two three four five
+ one two three four five
+ one two three four five
+ </p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-flexitems-2.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_columnsflexitemsexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-flexitems-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-flexitems-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-flexitems-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | multicol on flexbox items</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+}
+p {
+ font-family: monospace;
+ background: yellow;
+ column-rule: 1em solid lime;
+ columns: 2;
+ width: 200px;
+ margin: 0 auto;
+}
+</style>
+
+<div>
+ <p>one two three four five</p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-flexitems-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_columnsflexitemshtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-flexitems.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-flexitems.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-flexitems.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | multicol on flexbox items</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#flex-containers">
+<link rel="match" href="flexbox_columns-flexitems-ref.html">
+<style>
+div {
+ background: blue;
+
+ display: flex;
+ justify-content: space-around;
+}
+p {
+ font-family: monospace;
+ background: yellow;
+ column-rule: 1em solid lime;
+ columns: 2;
+ width: 200px;
+ margin: 0;
+}
+</style>
+
+<div>
+ <p>one two three four five</p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns-flexitems.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_columnshtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | multicol</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#flex-containers">
+<link rel="match" href="flexbox_columns-ref.html">
+<style>
+ul {
+ background: black;
+ padding: 0;
+ margin: 0;
+
+ display: flex;
+ justify-content: space-around;
+ columns: 3;
+ column-rule: 1em solid red;
+}
+</style>
+
+<ul>
+ <li>one two three four</li>
+ <li>damer</li>
+ <li>damer</li>
+ <li>damer</li>
+ <li>damer</li>
+</ul>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_columns.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_directioncolumnexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-column-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-column-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-column-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-direction: column</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ display: block;
+}
+span~span {
+ margin: 2em 1em 1em;
+}
+</style>
+
+<div>
+ <span>damer</span>
+ <span>damer</span>
+ <span>damer</span>
+ <span>damer</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-column-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_directioncolumnreverseexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-column-reverse-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-column-reverse-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-column-reverse-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-direction: column-reverse</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ display: block;
+}
+.test {
+ background: #ffcc00;
+}
+span~span {
+ margin: 2em 1em 1em;
+}
+</style>
+
+<div>
+ <span>damer</span>
+ <span>damer</span>
+ <span>damer</span>
+ <span class="test">damer</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-column-reverse-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_directioncolumnreversehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-column-reverse.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-column-reverse.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-column-reverse.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,32 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-direction: column-reverse</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property">
+<link rel="match" href="flexbox_direction-column-reverse-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+
+ display: flex;
+ flex-direction: column-reverse;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ display: inline-block;
+}
+.test {
+ background: #ffcc00;
+}
+</style>
+
+<div>
+ <span class="test">damer</span>
+ <span>damer</span>
+ <span>damer</span>
+ <span>damer</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-column-reverse.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_directioncolumnhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-column.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-column.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-column.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-direction: column</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property">
+<link rel="match" href="flexbox_direction-column-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+
+ display: flex;
+ flex-direction: column;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ display: inline-block;
+}
+</style>
+
+<div>
+ <span>damer</span>
+ <span>damer</span>
+ <span>damer</span>
+ <span>damer</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-column.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_directionrowreverseexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-row-reverse-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-row-reverse-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-row-reverse-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-direction: row-reverse</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+* {font-family: monospace;}
+body {
+ width: 10em;
+}
+ul {
+ background: blue;
+ padding: 0;
+ margin: 0;
+ list-style: none;
+}
+li {
+ color: white;
+ margin: 0 3px 0 0;
+ display: inline-block;
+}
+</style>
+
+<ul>
+ <li>EFGH</li>
+ <li>ABCD</li>
+ <li>IJKL</li>
+</ul>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-row-reverse-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_directionrowreversehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-row-reverse.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-row-reverse.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-row-reverse.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,32 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-direction: row-reverse</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property">
+<link rel="match" href="flexbox_direction-row-reverse-ref.html">
+<style>
+* {font-family: monospace;}
+body {
+ width: 10em;
+}
+ul {
+ background: blue;
+ padding: 0;
+ margin: 0;
+ list-style: none;
+
+ display: flex;
+ flex-direction: row-reverse;
+}
+li {
+ color: white;
+ margin: 0;
+ width: 10em;
+}
+</style>
+
+<ul>
+ <li>IJKL</li>
+ <li>ABCD</li>
+ <li>EFGH</li>
+</ul>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_direction-row-reverse.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_displayexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_display-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_display-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_display-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | display error-handling</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+ol {
+ background: #3366cc;
+ padding: 0;
+ list-style: none;
+ border: 1px solid black;
+}
+li {
+ background: #ffcc00;
+ margin: 2em;
+}
+</style>
+
+<ol>
+ <li>damer</li>
+ <li>Antidisestablishmentarianism</li>
+</ol>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_display-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_displayhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_display.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_display.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_display.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,25 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | display error-handling</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#flex-containers">
+<link rel="match" href="flexbox_display-ref.html">
+<style>
+ul {
+ background: #3366cc;
+ padding: 0;
+ list-style: none;
+ border: 1px solid black;
+
+ display: flex inline-flex;
+}
+li {
+ background: #ffcc00;
+ margin: 2em;
+}
+</style>
+
+<ul>
+ <li>damer</li>
+ <li>Antidisestablishmentarianism</li>
+</ul>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_display.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_emptyexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_empty-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_empty-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_empty-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,2 @@
</span><ins>+<!DOCTYPE html>
+<!-- intentionallly left blank -->
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_empty-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_fbfcexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_fbfc-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_fbfc-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_fbfc-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex formatting context :: float intrusion</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+* {margin: 0;}
+body {width: 600px;}
+#float {
+ background: #3366cc;
+ width: 25%;
+ float: left;
+}
+#flex {
+ background: #ffcc00;
+ padding: 2em 0;
+ width: 80%;
+ clear: both;
+}
+div div {
+ background: pink;
+ margin: 0 2em;
+ height: 4em;
+ display: inline-block;
+}
+</style>
+
+<div id="float">damer</div>
+
+<div id="flex">
+ <div>Yellow box should be below the blue box</div>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_fbfc-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_fbfchtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_fbfc.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_fbfc.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_fbfc.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex formatting context :: float intrusion</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#flex-containers">
+<link rel="match" href="flexbox_fbfc-ref.html">
+<style>
+* {margin: 0;}
+body {width: 600px;}
+#float {
+ background: #3366cc;
+ width: 25%;
+ float: left;
+}
+#flex {
+ background: #ffcc00;
+ width: 80%;
+ display: flex;
+}
+div div {
+ background: pink;
+ margin: 2em;
+ height: 4em;
+}
+</style>
+
+<div id="float">damer</div>
+
+<div id="flex">
+ <div>Yellow box should be below the blue box</div>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_fbfc.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_fbfc2expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_fbfc2-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_fbfc2-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_fbfc2-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex formatting context :: float intrusion</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+* {margin: 0;}
+#float {
+ background: lightblue;
+ width: 200px;
+ float: left;
+}
+#flex {
+ background: #ffcc00;
+ margin-left: -200px;
+ width: 400px;
+ overflow: hidden;
+}
+div div {
+ margin: 2em;
+}
+</style>
+
+<div id="float">float</div>
+
+<div id="flex">
+ <div>Yellow box yellow box yellow box</div>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_fbfc2-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_fbfc2html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_fbfc2.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_fbfc2.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_fbfc2.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,32 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex formatting context :: float intrusion</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#flex-containers">
+<link rel="match" href="flexbox_fbfc2-ref.html">
+<style>
+* {margin: 0;}
+#float {
+ background: lightblue;
+ width: 200px;
+ float: left;
+}
+#flex {
+ background: #ffcc00;
+ margin-left: -200px;
+ width: 400px;
+ display: -moz-box;
+ display: -ms-box;
+ display: -webkit-box;
+ display: flex;
+}
+div div {
+ margin: 2em;
+}
+</style>
+
+<div id="float">float</div>
+
+<div id="flex">
+ <div>Yellow box yellow box yellow box</div>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_fbfc2.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_firstlineexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_first-line-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_first-line-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_first-line-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,22 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | first-line</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+ul {
+ background: #3366cc;
+ padding: 0;
+ list-style: none;
+ width: 900px;
+ display: block;
+}
+li {
+ background: #ffcc00;
+ margin: 2em;
+ border: 1px solid black;
+ display: inline-block;
+}
+</style>
+
+<ul>
+ <li>damer</li><li>Antidisestablishmentarianism</li><li>damer</li><li>Antidisestablishmentarianism</li><li>Antidisestablishmentarianism</li><li>damer</li><li>Antidisestablishmentarianism</li><li>damer</li>
+</ul>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_first-line-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_firstlinehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_first-line.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_first-line.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_first-line.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | first-line</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#placement">
+<link rel="match" href="flexbox_first-line-ref.html">
+<style>
+ul {
+ background: #3366cc;
+ padding: 0;
+ list-style: none;
+ width: 900px;
+
+ display: flex;
+ flex-wrap: wrap;
+}
+li {
+ background: #ffcc00;
+ margin: 2em;
+ border: 1px solid black;
+}
+ul:first-child::first-line {
+ justify-content: space-around;
+}
+</style>
+
+<ul>
+ <li>damer</li>
+ <li>Antidisestablishmentarianism</li>
+ <li>damer</li>
+ <li>Antidisestablishmentarianism</li>
+ <li>Antidisestablishmentarianism</li>
+ <li>damer</li>
+ <li>Antidisestablishmentarianism</li>
+ <li>damer</li>
+</ul>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_first-line.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex000expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-0-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-0-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-0-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 0 0</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-0-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex000html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-0.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-0.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-0.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 0 0</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-0-0-0-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 0 0 0%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-0.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex00Nexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-N-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-N-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-N-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 0 N</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 40em;
+ height: 8em;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 4em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-N-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex00Nshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-N-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-N-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-N-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 0 N | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ white-space: nowrap;
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 12em;
+ height: 8em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 4em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-N-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex00Nshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-N-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-N-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-N-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 0 N | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-0-0-N-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 0 0 4em;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-N-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex00Nhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-N.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-N.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-N.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 0 N</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-0-0-N-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 0 0 4em;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-N.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex00Npercentexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-Npercent-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-Npercent-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-Npercent-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 0 N%</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 8em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-Npercent-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex00Npercentshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-Npercent-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-Npercent-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-Npercent-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 0 N% | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ white-space: nowrap;
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 6em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-Npercent-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex00Npercentshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-Npercent-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-Npercent-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-Npercent-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 0 N% | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-0-0-Npercent-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 0 0 50%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-Npercent-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex00Npercenthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-Npercent.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-Npercent.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-Npercent.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 0 N%</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-0-0-Npercent-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 0 0 20%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-Npercent.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex00autoexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-auto-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-auto-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-auto-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 0 auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-auto-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex00autoshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-auto-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-auto-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-auto-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 0 auto | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ white-space: nowrap;
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 16em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 5em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-auto-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex00autoshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-auto-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-auto-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-auto-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 0 auto | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-0-0-auto-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 16em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 0 0 auto;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-auto-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex00autohtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-auto.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-auto.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-auto.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 0 auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-0-0-auto-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 0 0 auto;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-0-auto.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex010expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-0-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-0-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-0-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 1 0</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-0-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex010html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-0.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-0.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-0.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 1 0</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-0-1-0-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 0 1 0%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-0.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex01Nexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-N-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-N-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-N-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 1 N</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 4em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-N-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex01Nshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-N-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-N-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-N-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 1 N | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 3em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-N-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex01Nshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-N-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-N-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-N-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 1 N | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-0-1-N-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 0 1 4em;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-N-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex01Nhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-N.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-N.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-N.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 1 N</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-0-1-N-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 0 1 4em;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-N.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex01Npercentexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-Npercent-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-Npercent-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-Npercent-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 1 N%</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 8em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-Npercent-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex01Npercentshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-Npercent-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-Npercent-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-Npercent-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 1 N% | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 3em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-Npercent-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex01Npercentshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-Npercent-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-Npercent-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-Npercent-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 1 N% | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-0-1-Npercent-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 0 1 50%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-Npercent-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex01Npercenthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-Npercent.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-Npercent.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-Npercent.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 1 N%</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-0-1-Npercent-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 0 1 20%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-Npercent.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex01autoexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-auto-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-auto-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-auto-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 1 auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 5em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-auto-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex01autoshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-auto-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-auto-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-auto-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 1 auto | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 16em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 4em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-auto-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex01autoshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-auto-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-auto-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-auto-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 1 auto | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-0-1-auto-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 16em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 0 1 auto;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-auto-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex01autohtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-auto.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-auto.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-auto.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 1 auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-0-1-auto-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 0 1 auto;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-1-auto.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex0N0expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-0-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-0-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-0-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,25 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 N 0</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-0-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex0N0html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-0.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-0.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-0.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 N 0</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-0-N-0-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 0 2 0%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-0.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex0NNexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-N-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-N-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-N-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 N N</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 4em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-N-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex0NNshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-N-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-N-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-N-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 N N | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 3em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-N-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex0NNshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-N-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-N-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-N-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 N N | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-0-N-N-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 2 4em;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-N-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex0NNhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-N.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-N.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-N.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 N N</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-0-N-N-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 0 2 4em;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-N.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex0NNpercentexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-Npercent-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-Npercent-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-Npercent-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 N N%</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 8em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-Npercent-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex0NNpercentshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-Npercent-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-Npercent-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-Npercent-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 N N% | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 3em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-Npercent-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex0NNpercentshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-Npercent-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-Npercent-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-Npercent-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 N N% | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-0-N-Npercent-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 0 2 50%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-Npercent-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex0NNpercenthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-Npercent.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-Npercent.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-Npercent.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 N N%</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-0-N-Npercent-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 0 2 20%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-Npercent.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex0Nautoexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-auto-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-auto-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-auto-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 N auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 5em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-auto-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex0Nautoshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-auto-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-auto-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-auto-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,25 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 N auto | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 16em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 4em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-auto-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex0Nautoshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-auto-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-auto-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-auto-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 N auto | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-0-N-auto-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 16em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 0 2 auto;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-auto-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex0Nautohtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-auto.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-auto.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-auto.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 N auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-0-N-auto-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 0 2 auto;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-0-N-auto.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex100expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-0-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-0-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-0-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 0 0</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-0-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex100html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-0.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-0.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-0.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 0 0</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-1-0-0-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 0 0%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-0.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex10Nexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-N-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-N-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-N-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 0 N</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-N-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex10Nshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-N-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-N-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-N-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 0 N | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ white-space: nowrap;
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 4em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-N-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex10Nshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-N-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-N-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-N-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 0 N | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-1-0-N-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 0 4em;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-N-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex10Nhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-N.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-N.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-N.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 0 N</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-1-0-N-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 1 4em;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-N.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex10Npercentexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-Npercent-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-Npercent-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-Npercent-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 0 N%</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-Npercent-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex10Npercentshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-Npercent-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-Npercent-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-Npercent-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 0 N% | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ white-space: nowrap;
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 6em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-Npercent-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex10Npercentshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-Npercent-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-Npercent-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-Npercent-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 0 N% | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-1-0-Npercent-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 0 50%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-Npercent-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex10Npercenthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-Npercent.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-Npercent.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-Npercent.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 0 N%</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-1-0-Npercent-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 1 20%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-Npercent.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex10autoexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-auto-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-auto-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-auto-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 0 auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-auto-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex10autoshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-auto-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-auto-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-auto-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 0 auto | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ white-space: nowrap;
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 16em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 5em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-auto-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex10autoshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-auto-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-auto-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-auto-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 0 auto | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-1-0-auto-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 16em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 0 auto;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-auto-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex10autohtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-auto.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-auto.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-auto.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 0 auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-1-0-auto-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 0 auto;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-0-auto.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex110expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-0-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-0-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-0-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 1 0</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-0-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex110html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-0.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-0.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-0.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 1 0</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-1-1-0-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 1 0%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-0.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex11Nexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-N-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-N-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-N-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 1 N</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-N-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex11Nshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-N-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-N-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-N-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 1 N | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 3em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-N-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex11Nshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-N-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-N-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-N-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 1 N | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-1-1-N-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 1 4em;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-N-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex11Nhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-N.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-N.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-N.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 1 N</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-1-1-N-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 1 4em;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-N.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex11Npercentexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-Npercent-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-Npercent-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-Npercent-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 1 N%</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-Npercent-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex11Npercentshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-Npercent-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-Npercent-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-Npercent-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 1 N% | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 3em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-Npercent-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex11Npercentshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-Npercent-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-Npercent-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-Npercent-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 1 N% | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-1-1-Npercent-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 1 50%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-Npercent-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex11Npercenthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-Npercent.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-Npercent.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-Npercent.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 1 N%</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-1-1-Npercent-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 1 20%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-Npercent.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex11autoexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-auto-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-auto-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-auto-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 1 auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-auto-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex11autoshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-auto-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-auto-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-auto-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 1 auto | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 16em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 4em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-auto-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex11autoshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-auto-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-auto-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-auto-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 1 auto | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-1-1-auto-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 16em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 1 auto;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-auto-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex11autohtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-auto.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-auto.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-auto.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 1 auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-1-1-auto-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 1 auto;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-1-auto.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex1N0expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-0-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-0-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-0-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 N 0</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-0-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex1N0html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-0.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-0.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-0.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 N 0</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-1-N-0-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 2 0%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-0.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex1NNexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-N-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-N-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-N-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 N N</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-N-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex1NNshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-N-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-N-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-N-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 N N | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 3em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-N-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex1NNshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-N-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-N-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-N-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 N N | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-1-N-N-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 2 4em;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-N-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex1NNhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-N.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-N.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-N.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 N N</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-1-N-N-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 2 4em;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-N.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex1NNpercentexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-Npercent-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-Npercent-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-Npercent-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 N N%</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-Npercent-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex1NNpercentshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-Npercent-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-Npercent-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-Npercent-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 N N% | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 3em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-Npercent-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex1NNpercentshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-Npercent-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-Npercent-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-Npercent-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 N N% | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-1-N-Npercent-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 2 50%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-Npercent-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex1NNpercenthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-Npercent.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-Npercent.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-Npercent.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 N N%</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-1-N-Npercent-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 2 20%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-Npercent.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex1Nautoexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-auto-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-auto-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-auto-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 N auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-auto-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex1Nautoshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-auto-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-auto-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-auto-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 N auto | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 16em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 4em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-auto-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex1Nautoshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-auto-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-auto-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-auto-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 N auto | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-1-N-auto-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 16em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 2 auto;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-auto-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flex1Nautohtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-auto.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-auto.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-auto.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 1 N auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-1-N-auto-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 2 auto;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-1-N-auto.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN00expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-0-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-0-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-0-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 0 0</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-0-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN00html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-0.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-0.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-0.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 0 0</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-N-0-0-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 4 0 0%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-0.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN0Nexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-N-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-N-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-N-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 0 N</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-N-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN0Nshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-N-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-N-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-N-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 0 N | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ white-space: nowrap;
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 4em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-N-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN0Nshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-N-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-N-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-N-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 0 N | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-N-0-N-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 4 0 4em;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-N-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN0Nhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-N.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-N.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-N.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 0 N</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-N-0-N-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 4 0 4em;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-N.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN0Npercentexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-Npercent-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-Npercent-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-Npercent-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 0 N%</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-Npercent-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN0Npercentshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-Npercent-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-Npercent-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-Npercent-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 0 N% | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ white-space: nowrap;
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 6em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-Npercent-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN0Npercentshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-Npercent-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-Npercent-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-Npercent-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 0 N% | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-N-0-Npercent-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 4 0 50%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-Npercent-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN0Npercenthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-Npercent.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-Npercent.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-Npercent.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 0 N%</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-N-0-Npercent-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 4 0 20%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-Npercent.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN0autoexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-auto-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-auto-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-auto-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 0 auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-auto-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN0autoshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-auto-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-auto-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-auto-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 0 auto | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ white-space: nowrap;
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 5em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-auto-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN0autoshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-auto-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-auto-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-auto-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 0 auto | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-N-0-auto-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 4 0 auto;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-auto-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN0autohtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-auto.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-auto.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-auto.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 0 auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-N-0-auto-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 4 0 auto;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-0-auto.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN10expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-0-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-0-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-0-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 1 0</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-0-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN10html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-0.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-0.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-0.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 1 0</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-N-1-0-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 4 1 0%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-0.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN1Nexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-N-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-N-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-N-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 1 N</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-N-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN1Nshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-N-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-N-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-N-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 1 N | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 3em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-N-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN1Nshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-N-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-N-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-N-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 1 N | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-N-1-N-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 4 1 4em;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-N-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN1Nhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-N.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-N.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-N.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 1 N</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-N-1-N-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 4 1 4em;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-N.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN1Npercentexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-Npercent-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-Npercent-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-Npercent-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 1 N%</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-Npercent-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN1Npercentshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-Npercent-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-Npercent-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-Npercent-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 1 N% | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 3em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-Npercent-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN1Npercentshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-Npercent-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-Npercent-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-Npercent-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 1 N% | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-N-1-Npercent-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 4 1 50%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-Npercent-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN1Npercenthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-Npercent.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-Npercent.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-Npercent.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 1 N%</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-N-1-Npercent-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 4 1 20%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-Npercent.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN1autoexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-auto-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-auto-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-auto-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 1 auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-auto-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN1autoshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-auto-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-auto-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-auto-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 1 auto | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 16em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 4em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-auto-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN1autoshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-auto-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-auto-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-auto-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 1 auto | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-N-1-auto-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 16em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 4 1 auto;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-auto-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexN1autohtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-auto.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-auto.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-auto.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N 1 auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-N-1-auto-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 4 1 auto;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-1-auto.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexNN0expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-0-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-0-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-0-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N N 0</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-0-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexNN0html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-0.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-0.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-0.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N N 0</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-N-N-0-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 4 2 0%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-0.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexNNNexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-N-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-N-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-N-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N N N</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-N-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexNNNshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-N-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-N-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-N-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N N N | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 3em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-N-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexNNNshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-N-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-N-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-N-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N N N | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-N-N-N-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 4 2 4em;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-N-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexNNNhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-N.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-N.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-N.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N N N</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-N-N-N-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 4 2 4em;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-N.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexNNNpercentexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-Npercent-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-Npercent-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-Npercent-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N N N%</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-Npercent-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexNNNpercentshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-Npercent-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-Npercent-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-Npercent-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N N N% | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 3em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-Npercent-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexNNNpercentshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-Npercent-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-Npercent-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-Npercent-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N N N% | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-N-N-Npercent-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 12em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 4 2 50%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-Npercent-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexNNNpercenthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-Npercent.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-Npercent.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-Npercent.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N N N%</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-N-N-Npercent-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 4 2 20%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-Npercent.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexNNautoexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-auto-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-auto-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-auto-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N N auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 10em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-auto-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexNNautoshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-auto-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-auto-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-auto-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N N auto | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 16em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 4em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-auto-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexNNautoshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-auto-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-auto-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-auto-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N N auto | shrinking</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-N-N-auto-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 16em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 4 2 auto;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-auto-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexNNautohtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-auto.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-auto.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-auto.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: N N auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_flex-N-N-auto-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 4 2 auto;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-N-N-auto.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexautoexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-auto-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-auto-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-auto-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 32em;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 6em;
+ height: 6em;
+ display: inline-block;
+
+}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-auto-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexautohtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-auto.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-auto.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-auto.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-common">
+<link rel="match" href="flexbox_flex-auto-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 32em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 5em;
+ display: inline-block;
+
+ flex: auto;
+}
+#flex span {
+ flex: 1 1 auto;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
+
+<div id="flex">
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-auto.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexbasisexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-basis-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-basis-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-basis-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-basis: percentage</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ white-space: nowrap;
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 8em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 8em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-basis-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexbasisshrinkexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-basis-shrink-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-basis-shrink-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-basis-shrink-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-basis: percentage, flex-shrink: +integer</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 24em;
+ height: 8em;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 6em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-basis-shrink-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexbasisshrinkhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-basis-shrink.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-basis-shrink.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-basis-shrink.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-basis: percentage, flex-shrink: +integer</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property">
+<link rel="match" href="flexbox_flex-basis-shrink-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 24em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 1 50%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-basis-shrink.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexbasishtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-basis.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-basis.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-basis.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-basis: percentage</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property">
+<link rel="match" href="flexbox_flex-basis-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 8em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex-grow: 1;
+ flex-shrink: 0;
+ flex-basis: 100%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-basis.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexformattinginteropexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-formatting-interop-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-formatting-interop-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-formatting-interop-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex formatting context :: negative margins and
+ border box</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+* {margin: 0;}
+.float {
+ background: lightblue;
+ width: 200px;
+ float: left;
+}
+#flex {
+ background: #ffcc00;
+ margin-left: -200px;
+ width: 200px;
+}
+div div {
+ border: 2px solid transparent;
+ margin: 0 2em 2em;
+}
+p {
+ clear: both;
+ margin: 2em 0;
+}
+#nbfc {
+ white-space: nowrap;
+ background: #ffcc00;
+ margin-left: -200px;
+ width: 200px;
+ table-layout: fixed;
+ display: table;
+}
+</style>
+
+<div class="float">float</div>
+<div id="nbfc">
+ <div>xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx</div>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-formatting-interop-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexformattinginterophtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-formatting-interop.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-formatting-interop.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-formatting-interop.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex formatting context :: negative margins and
+ border box</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-containers">
+<link rel="match" href="flexbox_flex-formatting-interop-ref.html">
+<style>
+* {margin: 0;}
+.float {
+ background: lightblue;
+ width: 200px;
+ float: left;
+}
+#flex {
+ background: #ffcc00;
+ margin-left: -200px;
+ width: 200px;
+
+ display: flex;
+ display: -ms-flex;
+ display: -webkit-flex;
+}
+div div {
+ border: 2px solid transparent;
+ margin: 0 2em 2em;
+ flex: none;
+}
+p {
+ clear: both;
+ margin: 2em 0;
+}
+</style>
+
+<div class="float">float</div>
+
+<div id="flex">
+ <div>xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx</div>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-formatting-interop.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexinitial2expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-initial-2-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-initial-2-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-initial-2-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: initial</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 5em;
+ height: 6em;
+ display: inline-block;
+}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-initial-2-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexinitial2html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-initial-2.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-initial-2.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-initial-2.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,40 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: initial</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-common">
+<link rel="match" href="flexbox_flex-initial-2-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 5em;
+ display: inline-block;
+ flex: initial;
+}
+#flex span {
+ flex: 0 1 auto;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
+
+<div id="flex">
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-initial-2.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexinitialexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-initial-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-initial-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-initial-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: initial</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 22em;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 3.5em;
+ height: 6em;
+ display: inline-block;
+}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-initial-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexinitialhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-initial.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-initial.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-initial.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,40 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: initial</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-common">
+<link rel="match" href="flexbox_flex-initial-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 22em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 5em;
+ display: inline-block;
+ flex: initial;
+}
+#flex span {
+ flex: 0 1 auto;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
+
+<div id="flex">
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-initial.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexnaturalexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: larger integer</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 800px;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 25%;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexnaturalmixedbasisautoexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-mixed-basis-auto-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-mixed-basis-auto-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-mixed-basis-auto-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: larger integer, mixed basis, auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ font-family: ahem;
+ background: blue;
+ height: 8em;
+ width: 35em;
+}
+span {
+ font-family: ahem;
+ height: 8em;
+ display: inline-block;
+}
+span:nth-child(1) {
+ background: yellow;
+ width: 3em;
+}
+span:nth-child(2) {
+ background: pink;
+ width: 6em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ width: 8em;
+}
+span:nth-child(4) {
+ background: grey;
+ width: 18em;
+}
+</style>
+
+<div>
+ <span>a</span><span>aaa</span><span>aaaaa</span><span>aaaaaaaaaaaaaaa</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-mixed-basis-auto-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexnaturalmixedbasisautohtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-mixed-basis-auto.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-mixed-basis-auto.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-mixed-basis-auto.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: larger integer, mixed basis, auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property">
+<link rel="match" href="flexbox_flex-natural-mixed-basis-auto-ref.html">
+<link rel="flags" content="ahem">
+<style>
+div {
+ font-family: ahem;
+ background: blue;
+ height: 8em;
+ width: 35ex;
+
+ display: flex;
+}
+span {
+ font-family: ahem;
+ background: white;
+
+ flex: 1 1 auto;
+}
+span:nth-child(1) {
+ flex: 1 1 0%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>a</span>
+ <span>aaa</span>
+ <span>aaaaa</span>
+ <span>aaaaaaaaaaaaaaa</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-mixed-basis-auto.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexnaturalmixedbasisexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-mixed-basis-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-mixed-basis-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-mixed-basis-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: larger integer, mixed basis</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ height: 8em;
+ width: 35em;
+}
+span {
+ background: yellow;
+ width: 10em;
+ height: 8em;
+ display: inline-block;
+}
+span:nth-child(1) {
+ width: 5em;
+}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-mixed-basis-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexnaturalmixedbasishtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-mixed-basis.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-mixed-basis.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-mixed-basis.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: larger integer, mixed basis</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property">
+<link rel="match" href="flexbox_flex-natural-mixed-basis-ref.html">
+<style>
+div {
+ background: blue;
+ height: 8em;
+ width: 35em;
+
+ display: flex;
+}
+span {
+ background: white;
+ width: 5em;
+
+ flex: 1 1 auto;
+}
+span:nth-child(1) {
+ flex: 1 1 0%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-mixed-basis.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexnaturalvariableautobasisexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-variable-auto-basis-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-variable-auto-basis-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-variable-auto-basis-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: larger integer, auto basis</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ border: 1px solid black;
+ height: 8em;
+ width: 32em;
+}
+span {
+ width: 7em;
+ height: 8em;
+ float: left;
+}
+span:nth-child(2) {
+ width: 11em;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-variable-auto-basis-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexnaturalvariableautobasishtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-variable-auto-basis.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-variable-auto-basis.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-variable-auto-basis.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: larger integer, auto basis</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property">
+<link rel="match" href="flexbox_flex-natural-variable-auto-basis-ref.html">
+<style>
+div {
+ border: 1px solid black;
+ height: 8em;
+ width: 32em;
+
+ display: flex;
+}
+span {
+ width: 5em;
+ display: inline-block;
+
+ flex: 1 1 auto;
+}
+span:nth-child(2) {
+ flex: 3 1 auto;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-variable-auto-basis.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexnaturalvariablezerobasisexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-variable-zero-basis-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-variable-zero-basis-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-variable-zero-basis-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: larger integer, zero basis</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ border: 1px solid black;
+ height: 8em;
+ width: 36em;
+}
+span {
+ width: 6em;
+ height: 8em;
+ float: left;
+}
+span:nth-child(2) {
+ width: 18em;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-variable-zero-basis-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexnaturalvariablezerobasishtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-variable-zero-basis.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-variable-zero-basis.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-variable-zero-basis.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: larger integer, zero basis</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis">
+<link rel="match" href="flexbox_flex-natural-variable-zero-basis-ref.html">
+<style>
+div {
+ border: 1px solid black;
+ height: 8em;
+ width: 36em;
+
+ display: flex;
+}
+span {
+ width: 6em;
+ display: block;
+
+ flex: 1 1 0%;
+}
+span:nth-child(2) {
+ flex: 3 1 0%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural-variable-zero-basis.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexnaturalhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,45 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: larger integer</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-common">
+<link rel="match" href="flexbox_flex-natural-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 800px;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ display: inline-block;
+
+ flex: 2;
+}
+#flex span {
+ flex: 666 1 0%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
+
+<div id="flex">
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-natural.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexnoneexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-none-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-none-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-none-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: none</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 32em;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 5em;
+ height: 6em;
+ display: inline-block;
+}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-none-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexnonehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-none.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-none.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-none.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: none</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-common">
+<link rel="match" href="flexbox_flex-none-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 32em;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 5em;
+ display: inline-block;
+
+ flex: none;
+}
+#flex span {
+ flex: 0 0 auto;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
+
+<div id="flex">
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-none.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flexunitlessbasisexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-unitless-basis-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-unitless-basis-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-unitless-basis-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex: 0 1 N unitless</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 40em;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 5em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+span:nth-child(4) {background: grey;}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flex-unitless-basis-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flowcolumnreversewrapexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-reverse-wrap-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-reverse-wrap-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-reverse-wrap-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-flow: column-reverse wrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ padding-top: 1em;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+ height: 7em;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ height: 1.5em;
+ float: left;
+}
+</style>
+
+<div>
+ <span>two</span>
+ <span>four</span>
+ <span>one</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-reverse-wrap-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flowcolumnreversewrapreverseexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-reverse-wrap-reverse-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-reverse-wrap-reverse-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-reverse-wrap-reverse-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-flow: column-reverse wrap-reverse</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ padding-top: 1em;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+ height: 7em;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ height: 1.5em;
+ float: left;
+}
+</style>
+
+<div>
+ <span>four</span>
+ <span>two</span>
+ <span>three</span>
+ <span>one</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-reverse-wrap-reverse-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flowcolumnreversewrapreversehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-reverse-wrap-reverse.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-reverse-wrap-reverse.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-reverse-wrap-reverse.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-flow: column-reverse wrap-reverse</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow">
+<link rel="match" href="flexbox_flow-column-reverse-wrap-reverse-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+ height: 8em;
+
+ display: flex;
+ flex-flow: column-reverse wrap-reverse;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ height: 1.5em;
+ display: inline-block;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-reverse-wrap-reverse.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flowcolumnreversewraphtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-reverse-wrap.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-reverse-wrap.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-reverse-wrap.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-flow: column-reverse wrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow">
+<link rel="match" href="flexbox_flow-column-reverse-wrap-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+ height: 8em;
+
+ display: flex;
+ flex-flow: column-reverse wrap;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ height: 1.5em;
+ display: inline-block;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-reverse-wrap.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flowcolumnwrapexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-wrap-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-wrap-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-wrap-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-flow: column wrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+ height: 8em;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ display: block;
+ float: left;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>three</span>
+ <span>two</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-wrap-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flowcolumnwrapreverseexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-wrap-reverse-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-wrap-reverse-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-wrap-reverse-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-flow: column wrap-reverse</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+ height: 8em;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ display: block;
+ float: left;
+}
+</style>
+
+<div>
+ <span>three</span>
+ <span>one</span>
+ <span>four</span>
+ <span>two</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-wrap-reverse-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flowcolumnwrapreversehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-wrap-reverse.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-wrap-reverse.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-wrap-reverse.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-flow: column wrap-reverse</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow">
+<link rel="match" href="flexbox_flow-column-wrap-reverse-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+ height: 8em;
+
+ display: flex;
+ flex-flow: column wrap-reverse;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ display: inline-block;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-wrap-reverse.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flowcolumnwraphtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-wrap.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-wrap.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-wrap.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-flow: column wrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow">
+<link rel="match" href="flexbox_flow-column-wrap-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+ height: 8em;
+
+ display: flex;
+ flex-flow: column wrap;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ display: inline-block;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-column-wrap.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flowrowwrapexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-row-wrap-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-row-wrap-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-row-wrap-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-flow: row wrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ display: block;
+ float: left;
+}
+div::after {
+ content: "";
+ clear: both;
+ display: block;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-row-wrap-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flowrowwrapreverseexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-row-wrap-reverse-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-row-wrap-reverse-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-row-wrap-reverse-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-flow: row wrap-reverse</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ display: block;
+ float: left;
+}
+div::after {
+ content: "";
+ clear: both;
+ display: block;
+}
+</style>
+
+<div>
+ <span>three</span>
+ <span>four</span>
+ <span>one</span>
+ <span>two</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-row-wrap-reverse-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flowrowwrapreversehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-row-wrap-reverse.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-row-wrap-reverse.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-row-wrap-reverse.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-flow: row wrap-reverse</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow">
+<link rel="match" href="flexbox_flow-row-wrap-reverse-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+
+ display: flex;
+ flex-flow: row wrap-reverse;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ display: inline-block;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-row-wrap-reverse.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_flowrowwraphtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-row-wrap.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-row-wrap.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-row-wrap.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-flow: row wrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow">
+<link rel="match" href="flexbox_flow-row-wrap-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+
+ display: flex;
+ flex-flow: row wrap;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ display: inline-block;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_flow-row-wrap.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_generatedcontainerexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-container-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-container-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-container-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,11 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flexcontainer vs generated content</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ content: "xxx";
+ background: blue;
+}
+</style>
+
+<div></div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-container-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_generatedcontainerhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-container.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-container.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-container.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flexcontainer vs generated content</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-container">
+<link rel="match" href="flexbox_generated-container-ref.html">
+<style>
+div {
+ background: red;
+}
+div div {
+ content: "xxx";
+ background: blue;
+
+ display: flex;
+}
+p {
+ background: yellow;
+ margin: 1em;
+ width: 2000px;
+ height: 2000px;
+}
+</style>
+
+<div id="test">
+ <div>
+ <p>FAIL</p>
+ </div>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-container.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_generatedexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,25 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flexcontainer vs generated content</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: #3366cc;
+ height: 4em;
+}
+div::after, p {
+ content: "xxx";
+ background: yellow;
+ margin: 1em;
+ width: 200px;
+ height: 2em;
+ float: left;
+}
+div::after {
+ content: "yyy";
+ display: block;
+}
+</style>
+
+<div>
+ <p>FAIL</p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_generatedflexexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-flex-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-flex-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-flex-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flexcontainer via generated content</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: #3366cc;
+ border: 1px solid black;
+}
+div::after {
+ content: "xxx";
+ background: yellow;
+ margin: 1em;
+ width: 200px;
+ height: 2em;
+ display: block;
+}
+</style>
+
+<div>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-flex-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_generatedflexhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-flex.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-flex.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-flex.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,22 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flexcontainer via generated content</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-container">
+<link rel="match" href="flexbox_generated-flex-ref.html">
+<style>
+div {
+ background: #3366cc;
+ border: 1px solid black;
+}
+div::after {
+ content: "xxx";
+ background: yellow;
+ margin: 1em;
+ width: 200px;
+ height: 2em;
+ display: flex;
+}
+</style>
+
+<div>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated-flex.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_generatedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flexcontainer vs generated content</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-container">
+<link rel="match" href="flexbox_generated-ref.html">
+<style>
+div {
+ background: #3366cc;
+
+ display: flex;
+}
+div::after, p {
+ content: "xxx";
+ background: yellow;
+ margin: 1em;
+ width: 200px;
+ height: 2em;
+}
+div::after {
+ content: "yyy";
+ display: block;
+}
+</style>
+
+<div>
+ <p>FAIL</p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_generated.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_inlineexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_inline-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_inline-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_inline-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,12 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | inline</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+body {margin: 0;}
+div {
+ background: yellow;
+ display: inline-block;
+}
+</style>
+
+<div>HELLOWORLD</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_inline-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_inlinehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_inline.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_inline.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_inline.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,16 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | inline</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#flex-containers">
+<link rel="match" href="flexbox_inline-ref.html">
+<style>
+body {margin: 0;}
+div {
+ background: yellow;
+ margin-top: -20em;
+ display: inline-flex;
+}
+</style>
+
+<div>HELLOWORLD</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_inline.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_itembottomfloatexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-bottom-float-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-bottom-float-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-bottom-float-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | GCPM bottom float</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: black;
+ margin: 1em;
+ height: 6em;
+ width: 400px;
+}
+p {
+ background: #3366cc;
+ margin: 2em;
+ width: 2em;
+ height: 2em;
+ float: left;
+}
+div::after {
+ content: "";
+ clear: both;
+ display: block;
+}
+</style>
+
+<div>
+ <p></p>
+ <p></p>
+ <p></p>
+ <p></p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-bottom-float-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_itembottomfloathtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-bottom-float.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-bottom-float.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-bottom-float.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | GCPM bottom float</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_item-bottom-float-ref.html">
+<style>
+div {
+ background: black;
+ margin: 1em;
+ height: 6em;
+ width: 400px;
+
+ display: flex;
+}
+p {
+ background: #3366cc;
+ margin: 2em;
+ width: 2em;
+ height: 2em;
+ float: -o-bottom;
+}
+</style>
+
+<div>
+ <p></p>
+ <p></p>
+ <p></p>
+ <p></p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-bottom-float.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_itemclearexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-clear-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-clear-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-clear-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | cleared item</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+#float {
+ background: #3366cc;
+ padding: 1em;
+ float: left;
+}
+#flex {
+ background: #ffcc00;
+ overflow: hidden;
+}
+div div {
+ margin: 2em;
+ height: 4em;
+ clear: both;
+}
+</style>
+
+<div id="float">damer</div>
+
+<div id="flex">
+ <div>Yellow box should be to the right of the blue box, and
+ never below</div>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-clear-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_itemclearhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-clear.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-clear.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-clear.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | cleared item</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-containers">
+<link rel="match" href="flexbox_item-clear-ref.html">
+<style>
+#float {
+ background: #3366cc;
+ padding: 1em;
+ float: left;
+
+}
+#flex {
+ background: #ffcc00;
+ display: flex;
+}
+div div {
+ margin: 2em;
+ height: 4em;
+ clear: both;
+}
+</style>
+
+<div id="float">damer</div>
+
+<div id="flex">
+ <div>Yellow box should be to the right of the blue box, and
+ never below</div>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-clear.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_itemfloatexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-float-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-float-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-float-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | floated item</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: black;
+ margin: 1em;
+}
+p {
+ background: #3366cc;
+ margin: 2em;
+ width: 2em;
+ height: 2em;
+ float: left;
+}
+div::after {
+ content: "";
+ clear: both;
+ display: block
+}
+</style>
+
+<div>
+ <p></p>
+ <p></p>
+ <p></p>
+ <p></p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-float-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_itemfloathtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-float.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-float.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-float.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | floated item</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#flex-containers">
+<link rel="match" href="flexbox_item-float-ref.html">
+<style>
+body>div {
+ background: black;
+ margin: 1em;
+
+ display: flex;
+}
+div div {
+ background: #3366cc;
+ margin: 2em;
+ width: 2em;
+ height: 2em;
+ float: right;
+}
+</style>
+
+<div>
+ <div></div>
+ <div></div>
+ <div></div>
+ <div></div>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-float.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_itemtopfloatexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-top-float-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-top-float-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-top-float-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | floated item</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: black;
+ margin: 1em;
+ width: 400px;
+}
+p {
+ background: #3366cc;
+ margin: 2em;
+ width: 2em;
+ height: 2em;
+ float: left;
+}
+div::after {
+ content: "";
+ clear: both;
+ display: block;
+}
+</style>
+
+<div>
+ <p></p>
+ <p></p>
+ <p></p>
+ <p></p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-top-float-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_itemtopfloathtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-top-float.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-top-float.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-top-float.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | floated item</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
+<link rel="match" href="flexbox_item-top-float-ref.html">
+<style>
+div {
+ background: black;
+ margin: 1em;
+ width: 400px;
+
+ display: flex;
+}
+p {
+ background: #3366cc;
+ margin: 2em;
+ width: 2em;
+ height: 2em;
+ float: -o-top-corner;
+}
+</style>
+
+<div>
+ <p></p>
+ <p></p>
+ <p></p>
+ <p></p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-top-float.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_itemverticalalignexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-vertical-align-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-vertical-align-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-vertical-align-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | vertical-align</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: yellow;
+ border: 1px solid black;
+ width: 600px;
+}
+p {
+ background: #3366cc;
+ margin: 2em;
+ width: 2em;
+ height: 2em;
+ float: left;
+}
+div::after {
+ content: "";
+ clear: both;
+ display: block;
+}
+</style>
+
+<div>
+ <p></p>
+ <p></p>
+ <p></p>
+ <p></p>
+ <p></p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-vertical-align-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_itemverticalalignhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-vertical-align.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-vertical-align.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-vertical-align.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | vertical-align</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#flex-containers">
+<link rel="match" href="flexbox_item-vertical-align-ref.html">
+<style>
+div {
+ background: yellow;
+ border: 1px solid black;
+ width: 600px;
+
+ display: flex;
+}
+p {
+ background: #3366cc;
+ margin: 2em;
+ width: 2em;
+ height: 2em;
+}
+#one {vertical-align: bottom;}
+#two {vertical-align: top;}
+#three {vertical-align: middle;}
+#four {vertical-align: super;}
+#five {vertical-align: sub;}
+</style>
+
+<div>
+ <p id="one"></p>
+ <p id="two"></p>
+ <p id="three"></p>
+ <p id="four"></p>
+ <p id="five"></p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_item-vertical-align.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentcenterexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-center-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-center-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-center-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | justify-content: center</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 30em;
+ position: relative;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 6em;
+ max-width: 6em;
+ height: 6em;
+ position: absolute;
+ left: 4em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ left: 12em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ left: 20em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-center-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentcenteroverflowexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-center-overflow-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-center-overflow-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-center-overflow-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | justify-content: center / overflow</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ font-family: monospace;
+ background: blue;
+ margin: 1em 0 0 10em;
+ border: 1px solid black;
+ height: 8em;
+ width: 4em;
+ position: relative;
+}
+span {
+ background: yellow;
+ margin: 1em 0 0 -2.85em;
+ height: 6em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ margin-left: 2em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ margin-left: 0;
+ position: relative;
+ top: -7em;
+ left: 4.95em
+}
+</style>
+
+<div>
+ <span>dam</span><span>dam</span><span>dam</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-center-overflow-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentcenteroverflowhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-center-overflow.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-center-overflow.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-center-overflow.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | justify-content: center / overflow</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content">
+<link rel="match" href="flexbox_justifycontent-center-overflow-ref.html">
+<style>
+div {
+ font-family: monospace;
+ background: blue;
+ padding: 0;
+ margin: 1em 0 0 10em;
+ border: 1px solid black;
+ height: 8em;
+ width: 4em;
+
+ display: flex;
+ justify-content: center;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 5em;
+ max-width: 6em;
+ display: inline-block;
+
+ flex: 1 0 0%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+</style>
+
+<div>
+ <span>dam</span><span>dam</span><span>dam</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-center-overflow.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentcenterhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-center.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-center.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-center.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | justify-content: center</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content">
+<link rel="match" href="flexbox_justifycontent-center-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 30em;
+
+ display: flex;
+ justify-content: center;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 5em;
+ max-width: 6em;
+ display: inline-block;
+
+ flex: 1 0 0%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-center.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentflexendexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-flex-end-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-flex-end-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-flex-end-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | justify-content: flex-end</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 30em;
+ position: relative;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 6em;
+ max-width: 6em;
+ height: 6em;
+ position: absolute;
+ left: 7em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ left: 15em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ left: 23em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-flex-end-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentflexendhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-flex-end.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-flex-end.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-flex-end.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | justify-content: flex-end</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content">
+<link rel="match" href="flexbox_justifycontent-flex-end-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 30em;
+
+ display: flex;
+ justify-content: flex-end;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 5em;
+ max-width: 6em;
+ display: inline-block;
+
+ flex: 1 0 0%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-flex-end.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentflexstartexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-flex-start-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-flex-start-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-flex-start-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | justify-content: flex-start</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 30em;
+ position: relative;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 6em;
+ max-width: 6em;
+ height: 6em;
+ position: absolute;
+ left: 2em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ left: 12em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ left: 22em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-flex-start-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentflexstarthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-flex-start.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-flex-start.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-flex-start.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | justify-content: flex-start</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content">
+<link rel="match" href="flexbox_justifycontent-flex-start-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 30em;
+
+ display: flex;
+ justify-content: flex-start;
+}
+span {
+ background: white;
+ margin: 1em auto;
+ width: 5em;
+ max-width: 6em;
+ display: inline-block;
+
+ flex: 1 0 0%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-flex-start.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacearoundexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | justify-content: space-around</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 30em;
+ position: relative;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 6em;
+ max-width: 6em;
+ height: 6em;
+ position: absolute;
+ left: 2em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ left: 12em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ left: 22em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacearoundnegativeexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-negative-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-negative-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-negative-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | justify-content: space-around / negative</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 17em;
+ position: relative;
+}
+span {
+ background: yellow;
+ margin: 1em 0;
+ width: 4em;
+ height: 6em;
+ position: absolute;
+ left: 0.5em;
+ display: inline-block;
+}
+span:nth-child(2) {
+ background: pink;
+ left: 6.5em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ left: 12.5em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-negative-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacearoundnegativehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-negative.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-negative.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-negative.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | justify-content: space-around / negative</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content">
+<link rel="match" href="flexbox_justifycontent-spacearound-negative-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 17em;
+
+ display: flex;
+ justify-content: space-around;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 4em;
+ display: inline-block;
+
+ flex: 0 0 auto;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-negative.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacearoundonlyexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-only-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-only-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-only-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,24 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | justify-content: space-around | single item</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 30em;
+}
+span {
+ background: white;
+ margin: 1em auto;
+ width: 6em;
+ max-width: 6em;
+ height: 6em;
+ display: block;
+}
+</style>
+
+<div>
+ <span>one</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-only-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacearoundonlyhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-only.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-only.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-only.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | justify-content: space-around | single item</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content">
+<link rel="match" href="flexbox_justifycontent-spacearound-only-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 30em;
+
+ display: flex;
+ justify-content: space-around;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 5em;
+ max-width: 6em;
+ display: inline-block;
+
+ flex: 1 0 0%;
+}
+</style>
+
+<div>
+ <span>one</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound-only.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacearoundhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | justify-content: space-around</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content">
+<link rel="match" href="flexbox_justifycontent-spacearound-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 30em;
+
+ display: flex;
+ justify-content: space-around;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 5em;
+ max-width: 6em;
+ display: inline-block;
+
+ flex: 1 0 0%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacearound.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacebetweenexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | justify-content: space-between</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 30em;
+ position: relative;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 6em;
+ max-width: 6em;
+ height: 6em;
+ position: absolute;
+ left: 1em;
+ display: inline-block;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {
+ background: pink;
+ left: 12em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ left: 23em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacebetweennegativeexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-negative-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-negative-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-negative-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | justify-content: space-between / negative</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 17em;
+ position: relative;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 4em;
+ height: 6em;
+ position: absolute;
+ left: 1em;
+ display: inline-block;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {
+ background: pink;
+ left: 7em;
+}
+span:nth-child(3) {
+ background: lightblue;
+ left: 13em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-negative-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacebetweennegativehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-negative.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-negative.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-negative.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | justify-content: space-between / negative</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content">
+<link rel="match" href="flexbox_justifycontent-spacebetween-negative-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 17em;
+
+ display: flex;
+ justify-content: space-between;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 4em;
+ display: inline-block;
+
+ flex: 0 0 auto;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-negative.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacebetweenonlyexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-only-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-only-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-only-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | justify-content: space-between | single item</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 30em;
+ position: relative;
+}
+span {
+ background: white;
+ margin: 1em 0;
+ width: 6em;
+ max-width: 6em;
+ height: 6em;
+ position: absolute;
+ left: 1em;
+ display: inline-block;
+}
+</style>
+
+<div>
+ <span>one</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-only-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacebetweenonlyhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-only.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-only.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-only.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | justify-content: space-between | single item</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content">
+<link rel="match" href="flexbox_justifycontent-spacebetween-only-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 30em;
+
+ display: flex;
+ justify-content: space-between;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 5em;
+ max-width: 6em;
+ display: inline-block;
+
+ flex: 1 0 0%;
+}
+</style>
+
+<div>
+ <span>one</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween-only.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_justifycontentspacebetweenhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | justify-content: space-between</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content">
+<link rel="match" href="flexbox_justifycontent-spacebetween-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 30em;
+
+ display: flex;
+ justify-content: space-between;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 5em;
+ max-width: 6em;
+ display: inline-block;
+
+ flex: 1 0 0%;
+}
+span:nth-child(1) {background: yellow;}
+span:nth-child(2) {background: pink;}
+span:nth-child(3) {background: lightblue;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_justifycontent-spacebetween.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_marginautoexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | margin: auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 32em;
+ position: relative;
+}
+span {
+ background: white;
+ width: 4em;
+ margin: 0;
+ height: 6em;
+ position: absolute;
+ left: 6em;
+ top: 1em;
+ display: inline-block;
+}
+span+span {
+ left: 22em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_marginautooverflow2expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-overflow-2-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-overflow-2-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-overflow-2-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | margin: auto in overflow</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 32em;
+ position: relative;
+}
+span {
+ background: white;
+ margin: 0;
+ width: 12em;
+ height: 6em;
+ position: absolute;
+ left: 0;
+ top: 1em;
+ display: inline-block;
+}
+span+span {
+ background: yellow;
+ width: 30em;
+ left: 12em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-overflow-2-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_marginautooverflow2html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-overflow-2.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-overflow-2.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-overflow-2.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | margin: auto in overflow</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#auto-margins">
+<link rel="match" href="flexbox_margin-auto-overflow-2-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 32em;
+ position: relative;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em auto;
+ width: 12em;
+ display: inline-block;
+ flex: 0 0 auto;
+}
+span+span {
+ background: yellow;
+ width: 30em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-overflow-2.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_marginautooverflowexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-overflow-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-overflow-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-overflow-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,32 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | margin: auto in overflow</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 32em;
+ position: relative;
+}
+span {
+ background: white;
+ margin: 0;
+ width: 30em;
+ height: 6em;
+ position: absolute;
+ left: 0;
+ top: 1em;
+ display: inline-block;
+}
+span+span {
+ background: yellow;
+ left: 30em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-overflow-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_marginautooverflowhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-overflow.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-overflow.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-overflow.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | margin: auto in overflow</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#auto-margins">
+<link rel="match" href="flexbox_margin-auto-overflow-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 32em;
+ position: relative;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em auto;
+ width: 30em;
+ display: inline-block;
+ flex: 0 0 auto;
+}
+span+span {background: yellow;}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto-overflow.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_marginautohtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | margin: auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#auto-margins">
+<link rel="match" href="flexbox_margin-auto-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 32em;
+ position: relative;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em auto;
+ width: 4em;
+ display: inline-block;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-auto.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_margincollapseexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-collapse-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-collapse-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-collapse-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,23 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flexitem margin collapsing</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+body {
+ margin: 0;
+}
+div {
+ background: blue;
+ border: 1px solid black;
+}
+p {
+ margin: 1em 0;
+}
+p+p {
+ margin: 2em 0 1em;
+}
+</style>
+
+<div>
+ <p>damer</p>
+ <p>damer</p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-collapse-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_margincollapsehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-collapse.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-collapse.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-collapse.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,25 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flexitem margin collapsing</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#visibility-collapse">
+<link rel="match" href="flexbox_margin-collapse-ref.html">
+<style>
+body {
+ margin: 0;
+}
+div {
+ background: blue;
+ border: 1px solid black;
+ display: flex;
+ flex-direction: column;
+}
+p {
+ margin: 1em 0;
+}
+</style>
+
+<div>
+ <p>damer</p>
+ <p>damer</p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-collapse.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_marginexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,12 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | margins</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: black;
+ margin: 1em;
+ height: 4em;
+}
+</style>
+
+<div></div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_marginleftexexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-left-ex-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-left-ex-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-left-ex-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | margin-left: auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 32em;
+ position: relative;
+}
+span {
+ background: white;
+ margin: 1em;
+ height: 6em;
+ display: inline-block;
+}
+span:first-child {
+ margin: 0;
+ position: absolute;
+ right: 1em;
+ top: 1em;
+}
+</style>
+
+<div>
+ <span>four</span><span>one</span><span>two</span><span>three</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-left-ex-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_marginleftexhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-left-ex.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-left-ex.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-left-ex.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | margin-left: auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#item-margins">
+<link rel="match" href="flexbox_margin-left-ex-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ height: 8em;
+ width: 32em;
+ position: relative;
+
+ display: flex;
+}
+span {
+ background: white;
+ margin: 1em;
+ display: inline-block;
+}
+span:last-child {
+ margin-left: auto;
+}
+</style>
+
+<div>
+ <span>one</span><span>two</span><span>three</span><span>four</span></div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin-left-ex.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_marginhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | margins</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#flex-containers">
+<link rel="match" href="flexbox_margin-ref.html">
+<style>
+div {
+ background: black;
+ margin: 1em;
+ height: 4em;
+
+ display: flex;
+ justify-content: space-around;
+}
+</style>
+
+<div></div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_margin.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_minheightautoexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_min-height-auto-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_min-height-auto-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_min-height-auto-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | min-height: auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+body {
+ margin: 0;
+ width: 602px;
+}
+div {
+ background: #3366cc;
+ border: 1px solid black;
+}
+p {
+ background: yellow;
+ margin: 1em 1em 2em;
+ height: auto;
+ min-height: auto;
+}
+p:last-child {
+ margin-bottom: 1em;
+}
+</style>
+
+<div>
+ <p>damer</p>
+ <p>damer</p>
+ <p>damer</p>
+ <p>damer</p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_min-height-auto-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_minheightautohtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_min-height-auto.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_min-height-auto.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_min-height-auto.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | min-height: auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto">
+<link rel="match" href="flexbox_min-height-auto-ref.html">
+<style>
+body {
+ margin: 0;
+ width: 602px;
+}
+div {
+ background: #3366cc;
+ border: 1px solid black;
+ display: flex;
+ flex-wrap: wrap;
+ flex-direction: column;
+}
+p {
+ background: yellow;
+ margin: 1em;
+ height: 0;
+ min-height: auto;
+}
+</style>
+
+<div>
+ <p>damer</p>
+ <p>damer</p>
+ <p>damer</p>
+ <p>damer</p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_min-height-auto.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_minwidthautoexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_min-width-auto-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_min-width-auto-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_min-width-auto-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,32 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | min-width: auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+body {
+ margin: 0;
+ width: 602px;
+}
+div {
+ background: #3366cc;
+ border: 1px solid black;
+}
+div::after {
+ content: "";
+ clear: both;
+ display: block;
+}
+p {
+ background: yellow;
+ margin: 1em;
+ min-width: auto;
+ width: auto;
+ float: left;
+}
+</style>
+
+<div>
+ <p>damer</p>
+ <p>damer</p>
+ <p>damer</p>
+ <p>damer</p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_min-width-auto-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_minwidthautohtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_min-width-auto.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_min-width-auto.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_min-width-auto.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | min-width: auto</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto">
+<link rel="match" href="flexbox_min-width-auto-ref.html">
+<style>
+body {
+ margin: 0;
+ width: 602px;
+}
+div {
+ background: #3366cc;
+ border: 1px solid black;
+ display: flex;
+ flex-wrap: wrap;
+}
+p {
+ background: yellow;
+ margin: 1em;
+ width: 0;
+ min-width: auto;
+}
+</style>
+
+<div>
+ <p>damer</p>
+ <p>damer</p>
+ <p>damer</p>
+ <p>damer</p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_min-width-auto.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_objectexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_object-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_object-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_object-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | object fallback as a flex item</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: #ffcc00;
+ justify-content: space-around;
+ display: flex;
+}
+div>* {
+ background: #3366cc;
+ margin: 0;
+}
+</style>
+
+<div>
+ <p>this is supposed to be a flex item</p>
+ <p>this is supposed to be a flex item</p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_object-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_objecthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_object.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_object.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_object.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,22 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | object fallback as a flex item</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content">
+<link rel="match" href="flexbox_object-ref.html">
+<style>
+div {
+ background: #ffcc00;
+ justify-content: space-around;
+ display: flex;
+}
+div>* {
+ background: #3366cc;
+ margin: 0;
+}
+</style>
+
+<div>
+ <object>this is supposed to be a flex item</object>
+ <p>this is supposed to be a flex item</p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_object.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_orderabsposspacearoundexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-abspos-space-around-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-abspos-space-around-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-abspos-space-around-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | order; justify-content: space-around</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ border: 1px solid black;
+ width: 27em;
+ height: 8em;
+ position: relative;
+}
+span {
+ background: yellow;
+ width: 5em;
+ height: 8em;
+ position: absolute;
+ top: 0;
+ left: 2em;
+ display: block;
+}
+span+span {left: 11em;}
+span+span+span {left: 20em;}
+</style>
+
+<div>
+ <span>damer</span>
+ <span>damer</span>
+ <span>damer</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-abspos-space-around-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_orderabsposspacearoundhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-abspos-space-around.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-abspos-space-around.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-abspos-space-around.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | order; justify-content: space-around</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-order">
+<link rel="match" href="flexbox_order-abspos-space-around-ref.html">
+<style>
+div {
+ background: blue;
+ border: 1px solid black;
+ width: 27em;
+ height: 8em;
+ position: relative;
+
+ display: flex;
+ justify-content: space-around;
+}
+span {
+ background: yellow;
+ width: 5em;
+ flex: 0 0 auto;
+}
+#test {
+ position: absolute;
+ right: 0;
+ order: -1;
+}
+</style>
+
+<div>
+ <span>damer</span>
+ <span id="test"></span>
+ <span>damer</span>
+ <span>damer</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-abspos-space-around.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_orderboxexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-box-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-box-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-box-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,25 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-flow: column-reverse wrap-reverse; order</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em;
+ border: 1px solid black;
+}
+div div {
+ background: yellow;
+ display: inline-block;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ height: 1.2em;
+ display: inline-block;
+}
+</style>
+
+<div>
+ <div><span>three</span><span>four</span></div><div><span>one</span><span>two</span></div>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-box-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_orderboxhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-box.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-box.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-box.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-flow: column-reverse wrap-reverse; order</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-order">
+<link rel="match" href="flexbox_order-box-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em;
+ border: 1px solid black;
+ display: flex;
+}
+div div {
+ background: yellow;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ height: 1.2em;
+ display: inline-block;
+}
+#test {
+ order: -1;
+}
+</style>
+
+<div>
+ <div>
+ <span>one</span>
+ <span>two</span>
+ </div>
+
+ <div id="test">
+ <span>three</span>
+ <span>four</span>
+ </div>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-box.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_orderexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-flow: column-reverse wrap-reverse; order</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ padding: 1em 0 0;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+ height: 7em;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ height: 1.5em;
+ float: left;
+}
+.one {
+ background: pink;
+}
+.two {
+ background: yellow;
+}
+.three {
+ background: black;
+ color: white;
+}
+.four {
+ background: fuchsia;
+ color: white;
+}
+</style>
+
+<div>
+ <span class="one">one</span>
+ <span class="three">three</span>
+ <span class="two">two</span>
+ <span class="four">four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_order-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_orderhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_order.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_order.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_order.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,49 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-flow: column-reverse wrap-reverse; order</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-order">
+<link rel="match" href="flexbox_order-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+ height: 8em;
+
+ display: flex;
+ flex-flow: column-reverse wrap-reverse;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ height: 1.5em;
+ display: inline-block;
+}
+.one {
+ background: pink;
+ order: 4;
+}
+.two {
+ background: yellow;
+ order: 3;
+}
+.three {
+ background: black;
+ color: white;
+ order: 2;
+}
+.four {
+ background: fuchsia;
+ color: white;
+ order: 1;
+}
+</style>
+
+<div>
+ <span class="one">one</span>
+ <span class="two">two</span>
+ <span class="three">three</span>
+ <span class="four">four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_order.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_rowspanexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_rowspan-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_rowspan-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_rowspan-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flexcontainers in cells with rowspan</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+table {
+ width: 600px;
+ table-layout: fixed;
+ border-spacing: 0;
+}
+td {
+ background: blue;
+ padding: 0;
+}
+div {
+ background: white;
+ height: 8em;
+}
+</style>
+
+<table>
+<tr>
+<td rowspan="2">
+ <div></div>
+</td>
+<td>
+ <div></div>
+</td>
+</tr>
+<tr>
+<td>
+ <div></div>
+</td>
+</tr>
+</table>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_rowspan-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_rowspanhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_rowspan.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_rowspan.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_rowspan.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,63 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flexcontainers in cells with rowspan</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap">
+<link rel="match" href="flexbox_rowspan-ref.html">
+<style>
+table {
+ width: 600px;
+ table-layout: fixed;
+ border-spacing: 0;
+}
+td {
+ background: blue;
+ padding: 0;
+ overflow: hidden;
+}
+div {
+ background: white;
+ width: 300px;
+ height: 8em;
+
+ display: flex;
+ flex-wrap: wrap;
+}
+p {
+ margin: 1em;
+ width: 200px;
+}
+</style>
+
+<table>
+<tr>
+<td rowspan="2">
+ <div>
+ <p>&nbsp;</p>
+ <p>&nbsp;</p>
+ <p>&nbsp;</p>
+ <p>&nbsp;</p>
+ <p>&nbsp;</p>
+ </div>
+</td>
+<td>
+ <div>
+ <p>&nbsp;</p>
+ <p>&nbsp;</p>
+ <p>&nbsp;</p>
+ <p>&nbsp;</p>
+ <p>&nbsp;</p>
+ </div>
+</td>
+</tr>
+<tr>
+<td>
+ <div>
+ <p>&nbsp;</p>
+ <p>&nbsp;</p>
+ <p>&nbsp;</p>
+ <p>&nbsp;</p>
+ <p>&nbsp;</p>
+ </div>
+</td>
+</tr>
+</table>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_rowspan.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_rtldirectionexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-direction-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-direction-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-direction-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-direction: column-reverse | rtl</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+}
+div::after {
+ content: "";
+ clear: both;
+ display: block;
+}
+span {
+ text-align: right;
+ background: white;
+ margin: 1em 1em 0;
+ width: 8em;
+ float: right;
+ clear: both;
+}
+.test {
+ background: #ffcc00;
+}
+span~span {
+ margin: 2em 1em 0;
+}
+span:last-child {
+ margin-bottom: 1em;
+}
+</style>
+
+<div>
+ <span>damer</span>
+ <span>damer</span>
+ <span>damer</span>
+ <span class="test">damer</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-direction-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_rtldirectionhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-direction.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-direction.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-direction.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-direction: column-reverse | rtl</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse">
+<link rel="match" href="flexbox_rtl-direction-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ direction: rtl;
+
+ display: flex;
+ flex-direction: column-reverse;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ display: inline-block;
+}
+.test {
+ background: #ffcc00;
+}
+</style>
+
+<div>
+ <span class="test">damer</span>
+ <span>damer</span>
+ <span>damer</span>
+ <span>damer</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-direction.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_rtlflowexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-flow-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-flow-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-flow-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-flow: column wrap | rtl</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+ height: 8em;
+}
+span {
+ text-align: right;
+ background: white;
+ margin: 1em;
+ width: 8em;
+ float: left;
+ display: block;
+}
+</style>
+
+<div>
+ <span>three</span>
+ <span>one</span>
+ <span>four</span>
+ <span>two</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-flow-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_rtlflowreverseexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-flow-reverse-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-flow-reverse-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-flow-reverse-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-flow: column wrap-reverse | rtl</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+ height: 8em;
+}
+span {
+ text-align: right;
+ background: white;
+ margin: 1em;
+ width: 8em;
+ display: block;
+ float: left;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>three</span>
+ <span>two</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-flow-reverse-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_rtlflowreversehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-flow-reverse.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-flow-reverse.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-flow-reverse.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-flow: column wrap-reverse | rtl</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse">
+<link rel="match" href="flexbox_rtl-flow-reverse-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+ height: 8em;
+ direction: rtl;
+
+ display: flex;
+ flex-flow: column wrap-reverse;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ display: inline-block;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-flow-reverse.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_rtlflowhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-flow.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-flow.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-flow.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-flow: column wrap | rtl</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap">
+<link rel="match" href="flexbox_rtl-flow-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+ height: 8em;
+ direction: rtl;
+
+ display: flex;
+ flex-flow: column wrap;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ display: inline-block;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-flow.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_rtlorderexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-order-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-order-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-order-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,42 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-flow: column-reverse wrap-reverse; order | rtl</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ padding: 1em 0 0;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+ height: 7em;
+}
+span {
+ text-align: right;
+ background: white;
+ margin: 1em;
+ width: 8em;
+ height: 1.5em;
+ float: left;
+}
+.one {
+ background: pink;
+}
+.two {
+ background: yellow;
+}
+.three {
+ background: black;
+ color: white;
+}
+.four {
+ background: fuchsia;
+ color: white;
+}
+</style>
+
+<div>
+ <span class="three">three</span>
+ <span class="one">one</span>
+ <span class="four">four</span>
+ <span class="two">two</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-order-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_rtlorderhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-order.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-order.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-order.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,52 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-flow: column-reverse wrap-reverse; order | rtl</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse">
+<link rel="match" href="flexbox_rtl-order-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+ height: 8em;
+ direction: rtl;
+
+ display: flex;
+ flex-flow: column-reverse wrap-reverse;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ height: 1.5em;
+ display: inline-block;
+}
+.one {
+ background: pink;
+ order: 4;
+}
+.two {
+ background: yellow;
+ order: 3;
+}
+.three {
+ background: black;
+ color: white;
+ order: 2;
+}
+.four {
+ background: fuchsia;
+ color: white;
+ order: 1;
+}
+</style>
+
+<div>
+ <span class="one">one</span>
+ <span class="two">two</span>
+ <span class="three">three</span>
+ <span class="four">four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_rtl-order.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_stftablesinglelineexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_stf-table-singleline-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_stf-table-singleline-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_stf-table-singleline-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,15 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | singleline flexcontainer versus stf :: table</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div, p {
+ display: inline-block;
+}
+p {
+ margin: 1em 0;
+}
+</style>
+
+<div>
+ <p>damerdamerdamerdamerdamer</p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_stf-table-singleline-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_stftablesinglelinehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_stf-table-singleline.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_stf-table-singleline.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_stf-table-singleline.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | singleline flexcontainer versus stf :: table</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-items">
+<link rel="match" href="flexbox_stf-table-singleline-ref.html">
+<style>
+#test {
+ background: red;
+ display: table;
+}
+div div {
+ background: red;
+ width: 0;
+
+ display: flex;
+}
+p {
+ margin: 1em 0;
+ width: 200px;
+}
+</style>
+
+<div id="test">
+ <div>
+ <p>damer</p>
+ <p>damer</p>
+ <p>damer</p>
+ <p>damer</p>
+ <p>damer</p>
+ </div>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_stf-table-singleline.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_visibilitycollapseexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_visibility-collapse-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_visibility-collapse-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_visibility-collapse-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | visibility: collapse</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+body {
+ margin: 0;
+}
+div {
+ background: #3366cc;
+ border: 1px solid black;
+}
+div::after {
+ content: "";
+ clear: both;
+ display: block;
+}
+p {
+ background: #ffcc00;
+ margin: 2em;
+ float: left;
+}
+</style>
+
+<div>
+ <p>damer</p>
+ <p>damer</p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_visibility-collapse-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_visibilitycollapselinewrappingexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_visibility-collapse-line-wrapping-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_visibility-collapse-line-wrapping-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_visibility-collapse-line-wrapping-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | visibility: collapse and line wrapping</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+body {
+ margin: 0;
+ width: 602px;
+}
+div {
+ background: #3366cc;
+ border: 1px solid black;
+}
+div::after {
+ content: "";
+ clear: both;
+ display: block;
+}
+p {
+ background: #ffcc00;
+ margin: 1em 0;
+ width: 300px;
+ float: left;
+}
+</style>
+
+<div>
+ <p>damer</p>
+ <p>damer</p>
+ <p>damer</p>
+ <p>damer</p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_visibility-collapse-line-wrapping-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_visibilitycollapselinewrappinghtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_visibility-collapse-line-wrapping.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_visibility-collapse-line-wrapping.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_visibility-collapse-line-wrapping.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | visibility: collapse and line wrapping</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#visibility-collapse">
+<link rel="match" href="flexbox_visibility-collapse-line-wrapping-ref.html">
+<style>
+body {
+ margin: 0;
+ width: 602px;
+}
+div {
+ background: #3366cc;
+ border: 1px solid black;
+ display: flex;
+ flex-wrap: wrap;
+}
+p {
+ background: #ffcc00;
+ margin: 1em 0;
+ width: 300px;
+}
+.test {
+ background: red;
+ visibility: collapse;
+}
+</style>
+
+<div>
+ <p>damer</p>
+ <p>damer</p>
+ <p class="test">FAIL</p>
+ <p class="test">FAIL</p>
+ <p>damer</p>
+ <p>damer</p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_visibility-collapse-line-wrapping.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_visibilitycollapsehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_visibility-collapse.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_visibility-collapse.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_visibility-collapse.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | visibility: collapse</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#visibility-collapse">
+<link rel="match" href="flexbox_visibility-collapse-ref.html">
+<style>
+body {
+ margin: 0;
+}
+div {
+ background: #3366cc;
+ border: 1px solid black;
+ display: flex;
+}
+p {
+ background: #ffcc00;
+ margin: 2em;
+}
+#test {
+ background: red;
+ visibility: collapse;
+}
+</style>
+
+<div>
+ <p>damer</p>
+ <p id="test">FAIL</p>
+ <p>damer</p>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_visibility-collapse.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_wrapexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-wrap: wrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ display: block;
+ float: left;
+}
+div::after {
+ content: "";
+ clear: both;
+ display: block;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_wraplongexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-long-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-long-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-long-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-wrap: wrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ display: block;
+ float: left;
+}
+span:first-child {
+ width: 18em;
+}
+div::after {
+ content: "";
+ clear: both;
+ display: block;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-long-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_wraplonghtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-long.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-long.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-long.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-wrap: wrap / long items</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap">
+<link rel="match" href="flexbox_wrap-long-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+
+ display: flex;
+ flex-wrap: wrap;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ display: inline-block;
+}
+span:first-child {
+ width: 24em;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-long.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_wrapreverseexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-reverse-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-reverse-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-reverse-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-wrap: wrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ display: block;
+ float: left;
+}
+div::after {
+ content: "";
+ clear: both;
+ display: block;
+}
+</style>
+
+<div>
+ <span>three</span>
+ <span>four</span>
+ <span>one</span>
+ <span>two</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-reverse-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_wrapreversehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-reverse.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-reverse.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-reverse.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-wrap: wrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap">
+<link rel="match" href="flexbox_wrap-reverse-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+
+ display: flex;
+ flex-wrap: wrap-reverse;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ display: inline-block;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap-reverse.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_wraphtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+<title>flexbox | flex-wrap: wrap</title>
+<link rel="author" href="http://opera.com" title="Opera Software">
+<link rel="help"
+ href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap">
+<link rel="match" href="flexbox_wrap-ref.html">
+<style>
+div {
+ background: blue;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+
+ display: flex;
+ flex-wrap: wrap;
+}
+span {
+ background: white;
+ margin: 1em;
+ width: 8em;
+ display: inline-block;
+}
+</style>
+
+<div>
+ <span>one</span>
+ <span>two</span>
+ <span>three</span>
+ <span>four</span>
+</div>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_wrap.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottomexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,63 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Ryuichi Nonaka" href="mailto:ryuichi1com@gmail.com">
+ <style type="text/css">
+ .container {
+ position: relative;
+
+ width: 200px;
+ height: 200px;
+ }
+
+ .item
+ {
+ position: absolute;
+
+ width: 100px;
+ height:100px;
+ }
+
+ .item.one
+ {
+ top: 0;
+ right: 0;
+
+ background: red;
+ }
+ .item.two
+ {
+ top: 100px;
+ right: 0;
+
+ background: yellow;
+ }
+ .item.three
+ {
+ top: 0;
+ right: 100px;
+
+ background: green;
+ }
+ .item.four
+ {
+ top: 100px;
+ right: 100px;
+
+ background: blue;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passes if you see green and red top, blue and yellow bottom.</p>
+ <div id="test">
+ <div class="container">
+ <div class="item one"></div>
+ <div class="item two"></div>
+ <div class="item three"></div>
+ <div class="item four"></div>
+ </div>
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgflexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottomhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,60 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="UTF-8">
+ <title>CSS Flexbox Test: Align content flex-start with writing mode vertical-rl.</title>
+ <link rel="author" title="Ryuichi Nonaka" href="mailto:ryuichi1com@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flow-order">
+ <link rel="match" href="reference/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-ref.html">
+ <meta name="assert" content="In vertical Japanese, for example, a row flexbox lays out its contents from top to bottom.">
+ <style type="text/css">
+ .container {
+ display: flex;
+
+ flex-wrap: wrap;
+ align-content: flex-start;
+
+ writing-mode: vertical-rl;
+
+ width: 200px;
+ height: 200px;
+ }
+ .item {
+ width: 100px;
+ height: 100px;
+ }
+
+ .item.one
+ {
+ background: red;
+ }
+
+ .item.two
+ {
+ background: yellow;
+ }
+
+ .item.three
+ {
+ background: green;
+ }
+
+ .item.four
+ {
+ background: blue;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passes if you see green and red top, blue and yellow bottom.</p>
+ <!-- PAGE CONTENT -->
+ <div id="test">
+ <div class="container">
+ <div class="item one"></div>
+ <div class="item two"></div>
+ <div class="item three"></div>
+ <div class="item four"></div>
+ </div>
+ </div>
+</body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgjustifycontent001expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/justify-content-001-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/justify-content-001-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/justify-content-001-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,24 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ #blue {
+ background: blue;
+ height: 100px;
+ width: 150px;
+ }
+ #orange {
+ background: orange;
+ height: 100px;
+ left: 150px;
+ position: relative;
+ top: -100px;
+ width: 150px;
+ }
+</style>
+<body>
+ <p>Test passes if there is a single blue rectangle on the left, a single orange rectangle directly to its right, and there is no red visible on the page.</p>
+ <div id="blue"></div>
+ <div id="orange"></div>
+</body>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/justify-content-001-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgjustifycontent001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/justify-content-001.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/justify-content-001.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/justify-content-001.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: A flex container with 'justify-content' property set to 'center'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" />
+ <link rel="match" href="reference/justify-content-001-ref.html">
+ <meta name="flags" content="image">
+ <meta name="assert" content="This test checks that the flex container with 'justify-content: center' centers flex items in the main axis of each line." />
+ <style type="text/css">
+ #flexbox
+ {
+ background: linear-gradient(to right, blue 0, blue 75px, red 75px, red 225px, orange 225px, orange 300px);
+ display: flex;
+ justify-content: center;
+ height: 100px;
+ width: 300px;
+ }
+ div div
+ {
+ background-color: orange;
+ width: 76px;
+ }
+ .blue
+ {
+ background-color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single blue rectangle on the left, a single orange rectangle directly to its right, and there is no red visible on the page.</p>
+ <div id="flexbox">
+ <div class="blue"></div>
+ <div></div>
+ </div>
+ </body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/justify-content-001.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgorderorderwithcolumnreverseexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/order/order-with-column-reverse-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/order/order-with-column-reverse-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/order/order-with-column-reverse-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test Reference: flex container layout lowest order with column-reverse direction</title>
+ <link rel="author" title="tmtysk" href="mailto:tmtysk@gmail.com">
+ <link rel="reviewer" title="Tab Atkins" href="mailto:jackalmage@gmail.com">
+ <style>
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the paragraph below reads 'First,Second,Third' from top.</p>
+ <div id="test">
+ <p id="first">First,</p>
+ <p id="second">Second,</p>
+ <p id="third">Third</p>
+ </div>
+ </body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/order/order-with-column-reverse-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgorderorderwithcolumnreversehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/order/order-with-column-reverse.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/order/order-with-column-reverse.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/order/order-with-column-reverse.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: flex container layout lowest order with column-reverse direction</title>
+ <link rel="author" title="tmtysk" href="mailto:tmtysk@gmail.com">
+ <link rel="reviewer" title="Tab Atkins" href="mailto:jackalmage@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-order">
+ <link rel="match" href="order-with-column-reverse-ref.html">
+ <meta name="assert" content="This test check that a flex container layouts out its content starting with the lowest numbered ordinal group and going up with column-reverse direction.">
+ <style>
+ #test {
+ display: flex;
+ flex-direction: column-reverse;
+ }
+
+ #first {
+ order: 3;
+ }
+
+ #second {
+ order: 2;
+ }
+
+ #third {
+ order: 1;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the paragraph below reads 'First,Second,Third' from top.</p>
+ <div id="test">
+ <p id="second">Second,</p>
+ <p id="first">First,</p>
+ <p id="third">Third</p>
+ </div>
+ </body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/order/order-with-column-reverse.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgorderorderwithrowreverseexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/order/order-with-row-reverse-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/order/order-with-row-reverse-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/order/order-with-row-reverse-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test Reference: flex container layout lowest order with row-reverse direction</title>
+ <link rel="author" title="tmtysk" href="tmtysk@gmail.com">
+ <link rel="reviewer" title="Tab Atkins, Jr." href="jackalmage@gmail.com">
+ <style>
+ #leftmost {
+ float: right;
+ }
+
+ #middle {
+ float: right;
+ }
+
+ #rightmost {
+ float: right;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the paragraph below reads 'First,Second,Third' from leftmost.</p>
+ <div id="test">
+ <p id="rightmost">Third</p>
+ <p id="middle">Second,</p>
+ <p id="leftmost">First,</p>
+ </div>
+ </body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/order/order-with-row-reverse-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgorderorderwithrowreversehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/order/order-with-row-reverse.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/order/order-with-row-reverse.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/order/order-with-row-reverse.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: flex container layout lowest order with row-reverse direction</title>
+ <link rel="author" title="tmtysk" href="tmtysk@gmail.com">
+ <link rel="reviewer" title="Tab Atkins, Jr." href="jackalmage@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-order">
+ <meta name="flags" content="">
+ <link rel="match" href="order-with-row-reverse-ref.html">
+ <meta name="assert" content="This test check that a flex container layouts out its content starting with the lowest numbered ordinal group and going up with row-reverse direction.">
+ <style>
+ #test {
+ display: flex;
+ flex-direction: row-reverse;
+ }
+
+ #leftmost {
+ order: 1;
+ }
+
+ #middle {
+ order: 0;
+ }
+
+ #rightmost {
+ order: -1;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the paragraph below reads 'First,Second,Third' from leftmost.</p>
+ <div id="test">
+ <p id="leftmost">First,</p>
+ <p id="middle">Second,</p>
+ <p id="rightmost">Third</p>
+ </div>
+ </body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/order/order-with-row-reverse.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgreffilledgreen100pxsquareexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ref-filled-green-100px-square-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ref-filled-green-100px-square-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ref-filled-green-100px-square-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ref-filled-green-100px-square-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgreffilledgreen100pxsquarehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ref-filled-green-100px-square.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ref-filled-green-100px-square.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ref-filled-green-100px-square.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ref-filled-green-100px-square.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexaligncontentcenterexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-center-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-center-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-center-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: align-content proprety - center</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <style type="text/css">
+ .container {
+ position: relative;
+ height: 6em;
+ width: 20em;
+ background: red;
+ margin: 1em;
+ border: 1px solid black;
+ }
+ span:nth-child(3), span:nth-child(4) {
+ margin: 2em 1em;
+ }
+ span {
+ height: 2em;
+ display: inline-block;
+ background: green;
+ color: white;
+ margin: 0 1em;
+ width: 8em;
+ float: left;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if you see a 2*2 table.</p>
+ <div class="container">
+ <span>first</span>
+ <span>second</span>
+ <span>third</span>
+ <span>forth</span>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-center-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexaligncontentcenterhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-center.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-center.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-center.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: align-content proprety - center</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property">
+ <link rel="match" href="reference/ttwf-reftest-flex-align-content-center-ref.html">
+ <meta name="assert" content="Statement describing what the test case is asserting">
+ <style type="text/css">
+ .container {
+ position: relative;
+ height: 6em;
+ width: 20em;
+ display: flex;
+ flex-wrap: wrap;
+ align-content: center;
+ background: red;
+ margin: 1em;
+ border: 1px solid black;
+ }
+ span {
+ height: 2em;
+ display: inline-block;
+ flex: none;
+ background: green;
+ color: white;
+ margin: 1em;
+ width: 8em;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if you see a 2*2 table.</p>
+ <div class="container">
+ <span>first</span>
+ <span>second</span>
+ <span>third</span>
+ <span>forth</span>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-center.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexaligncontentendexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-end-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-end-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-end-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: align-content proprety - flex-end</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <style type="text/css">
+ .container {
+ position: relative;
+ height: 8em;
+ width: 20em;
+ background: red;
+ margin: 1em;
+ padding-top: 6em;
+ border: 1px solid black;
+ }
+ span {
+ height: 2em;
+ display: inline-block;
+ background: green;
+ color: white;
+ margin: 1em;
+ width: 8em;
+ float: left;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if you see a 2*2 table and all the cells are at the bottom of container.</p>
+ <div class="container">
+ <span>first</span>
+ <span>second</span>
+ <span>third</span>
+ <span>forth</span>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-end-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexaligncontentendhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-end.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-end.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-end.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: align-content proprety - flex-end</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property">
+ <link rel="match" href="reference/ttwf-reftest-flex-align-content-end-ref.html">
+ <meta name="assert" content="Statement describing what the test case is asserting">
+ <style type="text/css">
+ .container {
+ position: relative;
+ height: 14em;
+ width: 20em;
+ display: flex;
+ flex-wrap: wrap;
+ align-content: flex-end;
+ background: red;
+ margin: 1em;
+ border: 1px solid black;
+ }
+ span {
+ height: 2em;
+ display: inline-block;
+ flex: none;
+ background: green;
+ color: white;
+ margin: 1em;
+ width: 8em;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if you see a 2*2 table and all the cells are at the bottom of container.</p>
+ <div class="container">
+ <span>first</span>
+ <span>second</span>
+ <span>third</span>
+ <span>forth</span>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-end.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexaligncontentspacebetweenexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-space-between-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-space-between-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-space-between-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: align-content proprety - flex-end</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <style type="text/css">
+ .container {
+ position: relative;
+ height: 14em;
+ width: 20em;
+ background: red;
+ margin: 1em;
+ border: 1px solid black;
+ }
+ .first, .second {
+ margin-bottom: 112px;
+ }
+ span {
+ height: 2em;
+ display: inline-block;
+ background: green;
+ color: white;
+ margin: 1em;
+ width: 8em;
+ float: left;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if you see a 2*2 table and all the cells are at the bottom of container.</p>
+ <div class="container">
+ <span class="first">first</span>
+ <span class="second">second</span>
+ <span>third</span>
+ <span>forth</span>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-space-between-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexaligncontentspacebetweenhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-space-between.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-space-between.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-space-between.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: align-content proprety - flex-end</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property">
+ <link rel="match" href="reference/ttwf-reftest-flex-align-content-end-ref.html">
+ <meta name="assert" content="Statement describing what the test case is asserting">
+ <style type="text/css">
+ .container {
+ position: relative;
+ height: 14em;
+ width: 20em;
+ display: flex;
+ flex-wrap: wrap;
+ align-content: space-between;
+ background: red;
+ margin: 1em;
+ border: 1px solid black;
+ }
+ span {
+ height: 2em;
+ display: inline-block;
+ flex: none;
+ background: green;
+ color: white;
+ margin: 1em;
+ width: 8em;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if you see a 2*2 table and all the cells are at the bottom of container.</p>
+ <div class="container">
+ <span>first</span>
+ <span>second</span>
+ <span>third</span>
+ <span>forth</span>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-space-between.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexaligncontentstartexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-start-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-start-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-start-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: align-content proprety - flex-end</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <style type="text/css">
+ .container {
+ position: relative;
+ height: 14em;
+ width: 20em;
+ background: red;
+ margin: 1em;
+ border: 1px solid black;
+ }
+ span {
+ height: 2em;
+ display: inline-block;
+ background: green;
+ color: white;
+ margin: 1em;
+ width: 8em;
+ float: left;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if you see a 2*2 table and all the cells are at the bottom of container.</p>
+ <div class="container">
+ <span>first</span>
+ <span>second</span>
+ <span>third</span>
+ <span>forth</span>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-start-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexaligncontentstarthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-start.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-start.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-start.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: align-content proprety - flex-end</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property">
+ <link rel="match" href="reference/ttwf-reftest-flex-align-content-end-ref.html">
+ <meta name="assert" content="Statement describing what the test case is asserting">
+ <style type="text/css">
+ .container {
+ position: relative;
+ height: 14em;
+ width: 20em;
+ display: flex;
+ flex-wrap: wrap;
+ align-content: flex-start;
+ background: red;
+ margin: 1em;
+ border: 1px solid black;
+ }
+ span {
+ height: 2em;
+ display: inline-block;
+ flex: none;
+ background: green;
+ color: white;
+ margin: 1em;
+ width: 8em;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if you see a 2*2 table and all the cells are at the bottom of container.</p>
+ <div class="container">
+ <span>first</span>
+ <span>second</span>
+ <span>third</span>
+ <span>forth</span>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-align-content-start.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexbaseexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-base-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-base-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-base-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: display proprety - flex</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <style type="text/css">
+ .container {
+ position: relative;
+ height: 6em;
+ width: 3em;
+ background: red;
+ margin: 1em;
+ border: 1px solid black;
+ }
+ .success {
+ background: green;
+ width: 100%;
+ height: 100%;
+ display: block;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if you can't find red color.</p>
+ <div class="container">
+ <span class="success">Hello</span>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-base-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexbasehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-base.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-base.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-base.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: display proprety - flex</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-containers">
+ <link rel="match" href="reference/ttwf-reftest-flex-base-ref.html">
+ <meta name="assert" content="Statement describing what the test case is asserting">
+ <style type="text/css">
+ .container {
+ position: relative;
+ height: 6em;
+ width: 3em;
+ display: flex;
+ background: red;
+ margin: 1em;
+ border: 1px solid black;
+ }
+ .success {
+ background: green;
+ width: 3em;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if you can't find red color.</p>
+ <div class="container">
+ <span class="success">Hello</span>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-base.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexdirectioncolumnexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-column-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-column-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-column-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: flex-direction proprety - column</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <style type="text/css">
+ /* Positioned container allows for the self-describing statement to still
+ be visible in the case of failure */
+ .container {
+ position: relative;
+ background: red;
+ margin: 1em 0;
+ border: 1px solid black;
+ }
+ span ~ span {
+ margin: 2em 1em 1em;
+ }
+ span {
+ display: block;
+ background: green;
+ color: white;
+ margin: 1em;
+ width: 8em;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if you see all the cells are arraged vertically.</p>
+ <div class="container">
+ <span>first</span>
+ <span>second</span>
+ <span>third</span>
+ <span>forth</span>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-column-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexdirectioncolumnreverseexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-column-reverse-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-column-reverse-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-column-reverse-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: flex-direction proprety - column-reverse</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <style type="text/css">
+ /* Positioned container allows for the self-describing statement to still
+ be visible in the case of failure */
+ .container {
+ position: relative;
+ background: red;
+ margin: 1em 0;
+ border: 1px solid black;
+ }
+ span ~ span {
+ margin: 2em 1em 1em;
+ }
+ span {
+ display: block;
+ background: green;
+ color: white;
+ margin: 1em;
+ width: 8em;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if you see all the cells are arraged vertically and reversed.</p>
+ <div class="container">
+ <span>forth</span>
+ <span>third</span>
+ <span>second</span>
+ <span>first</span>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-column-reverse-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexdirectioncolumnreversehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-column-reverse.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-column-reverse.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-column-reverse.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: flex-direction proprety - column-reverse</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property">
+ <link rel="match" href="reference/ttwf-reftest-flex-direction-column-ref.html">
+ <meta name="assert" content="Statement describing what the test case is asserting">
+ <style type="text/css">
+ /* Positioned container allows for the self-describing statement to still
+ be visible in the case of failure */
+ .container {
+ position: relative;
+ display: flex;
+ flex-direction: column-reverse;
+ background: red;
+ margin: 1em 0;
+ border: 1px solid black;
+ }
+ span {
+ display: inline-block;
+ background: green;
+ color: white;
+ margin: 1em;
+ width: 8em;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if you see all the cells are arraged vertically and reversed.</p>
+ <div class="container">
+ <span>first</span>
+ <span>second</span>
+ <span>third</span>
+ <span>forth</span>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-column-reverse.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexdirectioncolumnhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-column.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-column.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-column.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: flex-direction proprety - column</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property">
+ <link rel="match" href="reference/ttwf-reftest-flex-direction-column-ref.html">
+ <meta name="assert" content="Statement describing what the test case is asserting">
+ <style type="text/css">
+ /* Positioned container allows for the self-describing statement to still
+ be visible in the case of failure */
+ .container {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ background: red;
+ margin: 1em 0;
+ border: 1px solid black;
+ }
+ span {
+ display: inline-block;
+ background: green;
+ color: white;
+ margin: 1em;
+ width: 8em;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if you see all the cells are arraged vertically.</p>
+ <div class="container">
+ <span>first</span>
+ <span>second</span>
+ <span>third</span>
+ <span>forth</span>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-column.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexdirectionrowreverseexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-row-reverse-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-row-reverse-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-row-reverse-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: flex-direction proprety - row-reverse</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <style type="text/css">
+ .container {
+ position: relative;
+ display: flex;
+ flex-direction: row-reverse;
+ background: red;
+ margin: 1em 0;
+ border: 1px solid black;
+ }
+ span {
+ display: inline-block;
+ background: green;
+ color: white;
+ margin: 1em;
+ width: 8em;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if you see all the cells are arraged horizontally and the order of cells are reversed.</p>
+ <div class="container">
+ <span>forth</span>
+ <span>third</span>
+ <span>second</span>
+ <span>first</span>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-row-reverse-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexdirectionrowreversehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-row-reverse.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-row-reverse.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-row-reverse.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: flex-direction proprety - row-reverse</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property">
+ <link rel="match" href="reference/ttwf-reftest-flex-direction-row-reverse-ref.html">
+ <meta name="assert" content="Statement describing what the test case is asserting">
+ <style type="text/css">
+ .container {
+ position: relative;
+ display: flex;
+ flex-direction: row-reverse;
+ background: red;
+ margin: 1em 0;
+ border: 1px solid black;
+ }
+ span {
+ display: inline-block;
+ background: green;
+ color: white;
+ margin: 1em;
+ width: 8em;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if you see all the cells are arraged horizontally and the order of cells are reversed.</p>
+ <div class="container">
+ <span>first</span>
+ <span>second</span>
+ <span>third</span>
+ <span>forth</span>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-direction-row-reverse.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexinlineexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-inline-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-inline-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-inline-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: display proprety - inline-flex</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <style type="text/css">
+ /* Positioned container allows for the self-describing statement to still
+ be visible in the case of failure */
+ .container {
+ position: relative;
+ }
+ .greenSquare {
+ display: inline-block;
+ margin-top: -200px;
+ background: green;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if you see a green block which its text is 'Success!
+'.</p>
+ <div class="container">
+ <!-- This is the square that should not be visible if the test passes -->
+ <div class="greenSquare">Success!</div>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-inline-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexinlinehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-inline.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-inline.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-inline.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: display proprety - inline-flex</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valuedef-inline-flex">
+ <link rel="match" href="reference/ttwf-reftest-flex-inline-ref.html">
+ <meta name="assert" content="Statement describing what the test case is asserting">
+ <style type="text/css">
+ /* Positioned container allows for the self-describing statement to still
+ be visible in the case of failure */
+ .container {
+ position: relative;
+ }
+ .greenSquare {
+ display: inline-flex;
+ margin-top: -200px;
+ background: green;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if you see a green block which its text is 'Success!'.</p>
+ <div class="container">
+ <!-- This is the square that should not be visible if the test passes -->
+ <div class="greenSquare">Success!</div>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-inline.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexorderexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-order-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-order-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-order-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: order proprety - value</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <style type="text/css">
+ .container {
+ position: relative;
+ height: 6em;
+ background: red;
+ margin: 1em;
+ border: 1px solid black;
+ }
+ span {
+ height: 2em;
+ display: inline-block;
+ background: green;
+ color: white;
+ margin: 1em;
+ width: 8em;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if all the cells are reversed.</p>
+ <div class="container">
+ <span class="first">forth</span>
+ <span class="second">third</span>
+ <span class="third">second</span>
+ <span class="forth">first</span>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-order-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexorderhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-order.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-order.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-order.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,49 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: order proprety - value</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-order">
+ <link rel="match" href="reference/ttwf-reftest-flex-order-ref.html">
+ <meta name="assert" content="Statement describing what the test case is asserting">
+ <style type="text/css">
+ .container {
+ position: relative;
+ height: 6em;
+ display: flex;
+ background: red;
+ margin: 1em;
+ border: 1px solid black;
+ }
+ span {
+ height: 2em;
+ display: inline-block;
+ background: green;
+ color: white;
+ margin: 1em;
+ width: 8em;
+ }
+ .first {
+ order: 1;
+ }
+ .second {
+ order: 2;
+ }
+ .third {
+ order: 3;
+ }
+ .forth {
+ order: 4;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if all the cells are reversed.</p>
+ <div class="container">
+ <span class="forth">first</span>
+ <span class="third">second</span>
+ <span class="second">third</span>
+ <span class="first">forth</span>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-order.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexwrapexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-wrap-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-wrap-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-wrap-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: flex-wrap proprety - wrap</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <style type="text/css">
+ /* Positioned container allows for the self-describing statement to still
+ be visible in the case of failure */
+ .container {
+ position: relative;
+ background: red;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+ height: 6.5em;
+ }
+ span {
+ display: inline-block;
+ background: green;
+ color: white;
+ margin: 1em;
+ width: 8em;
+ float: left;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if you see a 2 * 2 table on the page.</p>
+ <div class="container">
+ <span>first</span>
+ <span>second</span>
+ <span>third</span>
+ <span>forth</span>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-wrap-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexwrapreverseexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-wrap-reverse-expected.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-wrap-reverse-expected.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-wrap-reverse-expected.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: flex-wrap proprety - wrap-reverse</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <style type="text/css">
+ /* Positioned container allows for the self-describing statement to still
+ be visible in the case of failure */
+ .container {
+ position: relative;
+ background: red;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+ height: 6.5em;
+ }
+ span {
+ display: inline-block;
+ background: green;
+ color: white;
+ margin: 1em;
+ width: 8em;
+ float: left;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if you see a 2 * 2 table on the page and the order of them are reversed.</p>
+ <div class="container">
+ <span>third</span>
+ <span>forth</span>
+ <span>first</span>
+ <span>second</span>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-wrap-reverse-expected.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexwrapreversehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-wrap-reverse.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-wrap-reverse.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-wrap-reverse.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: flex-wrap proprety - wrap-reverse</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap">
+ <link rel="match" href="reference/ttwf-reftest-flex-wrap-reverse-ref.html">
+ <meta name="assert" content="Statement describing what the test case is asserting">
+ <style type="text/css">
+ /* Positioned container allows for the self-describing statement to still
+ be visible in the case of failure */
+ .container {
+ position: relative;
+ display: flex;
+ flex-wrap: wrap-reverse;
+ background: red;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+ }
+ span {
+ display: inline-block;
+ background: green;
+ color: white;
+ margin: 1em;
+ width: 8em;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if you see a 2 * 2 table on the page and the order of them are reversed.</p>
+ <div class="container">
+ <span>first</span>
+ <span>second</span>
+ <span>third</span>
+ <span>forth</span>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-wrap-reverse.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestscss3flexboxcsswgttwfreftestflexwraphtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-wrap.html (0 => 173582)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-wrap.html (rev 0)
+++ trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-wrap.html 2014-09-12 22:41:09 UTC (rev 173582)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Flexible Box Test: flex-wrap proprety - wrap</title>
+ <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap">
+ <link rel="match" href="reference/ttwf-reftest-flex-inline-ref.html">
+ <meta name="assert" content="Statement describing what the test case is asserting">
+ <style type="text/css">
+ /* Positioned container allows for the self-describing statement to still
+ be visible in the case of failure */
+ .container {
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ background: red;
+ margin: 1em 0;
+ border: 1px solid black;
+ width: 20em;
+ }
+ span {
+ display: inline-block;
+ background: green;
+ color: white;
+ margin: 1em;
+ width: 8em;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passed if you see a 2 * 2 table on the page.</p>
+ <div class="container">
+ <span>first</span>
+ <span>second</span>
+ <span>third</span>
+ <span>forth</span>
+ </div>
+</body>
+</html>
</ins><span class="cx">Property changes on: trunk/LayoutTests/css3/flexbox/csswg/ttwf-reftest-flex-wrap.html
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
</div>
</body>
</html>