diff options
| author | Moonchild <moonchild@palemoon.org> | 2019-09-29 13:54:29 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-09-29 13:54:29 +0200 |
| commit | 206c149adcb9f187307b412b0f8987e6aaaba9c8 (patch) | |
| tree | d520c6af8bea76fef65321a074dc59d1a88ccff0 /layout/reftests/css-grid/grid-percent-grid-gap-001-ref.html | |
| parent | 81db54a1cbbaf9a8cbc64fcf8b232b0f1f13d14f (diff) | |
| parent | 30d65c382f9404a31c46c9976a3b170273fd9509 (diff) | |
| download | UXP-206c149adcb9f187307b412b0f8987e6aaaba9c8.tar UXP-206c149adcb9f187307b412b0f8987e6aaaba9c8.tar.gz UXP-206c149adcb9f187307b412b0f8987e6aaaba9c8.tar.lz UXP-206c149adcb9f187307b412b0f8987e6aaaba9c8.tar.xz UXP-206c149adcb9f187307b412b0f8987e6aaaba9c8.zip | |
Merge pull request #1237 from g4jc/css-work
CSS Grid Improvements
Diffstat (limited to 'layout/reftests/css-grid/grid-percent-grid-gap-001-ref.html')
| -rw-r--r-- | layout/reftests/css-grid/grid-percent-grid-gap-001-ref.html | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/layout/reftests/css-grid/grid-percent-grid-gap-001-ref.html b/layout/reftests/css-grid/grid-percent-grid-gap-001-ref.html index 945b43b52..7ad85e1e5 100644 --- a/layout/reftests/css-grid/grid-percent-grid-gap-001-ref.html +++ b/layout/reftests/css-grid/grid-percent-grid-gap-001-ref.html @@ -65,7 +65,7 @@ br { clear: both; } </div> <div class="float"> -<div class="grid" style="align-self:start; justify-self:start; grid-gap:15px"> +<div class="grid" style="width:60px; height:60px; grid-column-gap:12px"> <span><x></x></span> <span><x></x></span> <span><x></x></span> @@ -74,7 +74,7 @@ br { clear: both; } </div> <div class="inline-grid"> -<div class="grid" style="align-self:start; justify-self:start; grid-gap:15px"> +<div class="grid" style="width:60px; height:60px; grid-column-gap:12px; align-self:start; justify-self:start;"> <span><x></x></span> <span><x></x></span> <span><x></x></span> @@ -141,12 +141,12 @@ br { clear: both; } </div> </div> -<div class="float" style="margin-top:-50px"> -<div class="grid" style="min-width:300%; grid-gap:15px 15px"> - <span><x></x></span> - <span style="margin-left:31px; width:30px"><x></x></span> - <span><x></x></span> - <span style="margin-left:31px; width:30px"><x></x></span> +<div class="float" style="margin-top:-50px; width:62px"> +<div class="grid" style="padding-left:186px; height:60px; grid-column-gap:calc(186px * 0.2);"> + <span style="margin-left:-186px; width:30px"><x></x></span> + <span style="margin-left:-186px; width:30px"><x></x></span> + <span style="margin-left:-186px; width:30px"><x></x></span> + <span style="margin-left:-186px; width:30px"><x></x></span> </div> </div> |