layout/reftests/flexbox/flexbox-box-sizing-on-container-horiz-1.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/flexbox/flexbox-box-sizing-on-container-horiz-1.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,37 @@
     1.4 +<!DOCTYPE html>
     1.5 +<!--
     1.6 +     Any copyright is dedicated to the Public Domain.
     1.7 +     http://creativecommons.org/publicdomain/zero/1.0/
     1.8 +-->
     1.9 +<html>
    1.10 +<head>
    1.11 +  <title>CSS Test: Testing a horizontal flex container with box-sizing:border-box</title>
    1.12 +  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
    1.13 +  <meta charset="utf-8">
    1.14 +  <style>
    1.15 +    .container {
    1.16 +      display: flex;
    1.17 +      width: 110px;
    1.18 +      height: 30px;
    1.19 +      border: 5px solid black;
    1.20 +      box-sizing: border-box;
    1.21 +    }
    1.22 +    .itemA {
    1.23 +      flex: 1 28px;
    1.24 +      background: purple;
    1.25 +      border: 1px solid indigo;
    1.26 +    }
    1.27 +    .itemB {
    1.28 +      flex: 1 48px;
    1.29 +      background: teal;
    1.30 +      border: 1px solid lightblue;
    1.31 +    }
    1.32 +  </style>
    1.33 +</head>
    1.34 +<body>
    1.35 +  <div class="container">
    1.36 +    <div class="itemA"></div>
    1.37 +    <div class="itemB"></div>
    1.38 +  </div>
    1.39 +</body>
    1.40 +</html>

mercurial