diff options
| author | Moonchild <mcwerewolf@gmail.com> | 2018-07-20 11:06:08 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-07-20 11:06:08 +0200 |
| commit | edc1da82d86d3c86512f42403c84ee68a4f682a3 (patch) | |
| tree | 8a3afcc91a120e0c93d79075759dcf228b1f1f92 /layout/reftests/css-grid/grid-auto-min-sizing-definite-001-ref.html | |
| parent | 1475cd93165891136da67490312c164d0bb180cd (diff) | |
| parent | 1b153b3f2a70b65fffe6e5a70616681b7aa3ecb6 (diff) | |
| download | UXP-edc1da82d86d3c86512f42403c84ee68a4f682a3.tar UXP-edc1da82d86d3c86512f42403c84ee68a4f682a3.tar.gz UXP-edc1da82d86d3c86512f42403c84ee68a4f682a3.tar.lz UXP-edc1da82d86d3c86512f42403c84ee68a4f682a3.tar.xz UXP-edc1da82d86d3c86512f42403c84ee68a4f682a3.zip | |
Merge pull request #650 from janekptacijarabaci/css_layout_flex-grid_1
Align Css layout flex grid with latest spec
Diffstat (limited to 'layout/reftests/css-grid/grid-auto-min-sizing-definite-001-ref.html')
| -rw-r--r-- | layout/reftests/css-grid/grid-auto-min-sizing-definite-001-ref.html | 47 |
1 files changed, 19 insertions, 28 deletions
diff --git a/layout/reftests/css-grid/grid-auto-min-sizing-definite-001-ref.html b/layout/reftests/css-grid/grid-auto-min-sizing-definite-001-ref.html index a0d9180a2..8858b4ea8 100644 --- a/layout/reftests/css-grid/grid-auto-min-sizing-definite-001-ref.html +++ b/layout/reftests/css-grid/grid-auto-min-sizing-definite-001-ref.html @@ -62,40 +62,31 @@ b40 { z-index: 1; position:relative; } -w { - position:absolute; - background: lime; - border-width: 1px 0 0 3px; - border-style: solid; - height:48px; - width:75px; -} -.v > w { - border-width: 3px 0 0 1px; - left:-1px; top:-3px; - height:53px; - width:61px; -} -.h.r { margin-left:19px; padding: 1px 15px 37px 30px; } -.v .h > w { - height:48px; - width:45px; -} -.v.r > w { - height:53px; - width:61px; +.h.r { + height: 42px; + width: 42px; + /* This margin-left is 20% of 98px-wide grid area */ + margin-left: 19.6px; + /* This padding-bottom is 10% of 98px wide grid area */ + /* This padding-left is 30% of 98px wide grid area */ + padding: 1px 3px 9.8px 29.4px; } -.v .v > w { - height:41px; - width:45px; +.v.r { + height: 42px; + width: 42px; + /* This margin-left is 20% of 54px-wide grid area */ + margin-left: 10.8px; + /* This padding-bottom is 10% of 54px wide grid area */ + /* This padding-left is 30% of 54px wide grid area */ + padding: 1px 3px 5.4px 16.2px; } .r { position:relative; } .t6 { width:46px; } -.t8 { width:118px; } +.t8 { width:118px; height: 102.5px; } -xx { +xx { display: block; background: lime; padding:32px 32px 16px 32px; @@ -114,7 +105,7 @@ xx { <div class="grid"><span class="v"><x></x></span></div> <div class="grid t6"><span class="v bb"><x></x></span></div> <div class="grid"><span class="v"><x></x></span><span class="v"><x></x></span></div> -<div class="grid t8"><span class="v r"><w></w><b40></b40></span></div> +<div class="grid t8"><span class="v r"><b40></b40></span></div> <div class="grid"><xx class="v"></xx></div> <div class="grid v"><xx class="h"></xx></div> |