diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-06-12 05:35:37 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-06-12 05:35:37 +0000 |
| commit | a90a5cba08fdf6c0ceb95101c275108a152a3aed (patch) | |
| tree | 532507288f3defd7f4dcf1af49698bcb76034855 /testing/web-platform/tests/css/css-grid/masonry/tentative/align-content/masonry-align-content-004-ref.html | |
| parent | Adding debian version 126.0.1-1. (diff) | |
| download | firefox-a90a5cba08fdf6c0ceb95101c275108a152a3aed.tar.xz firefox-a90a5cba08fdf6c0ceb95101c275108a152a3aed.zip | |
Merging upstream version 127.0.
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-grid/masonry/tentative/align-content/masonry-align-content-004-ref.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-grid/masonry/tentative/align-content/masonry-align-content-004-ref.html | 126 |
1 files changed, 0 insertions, 126 deletions
diff --git a/testing/web-platform/tests/css/css-grid/masonry/tentative/align-content/masonry-align-content-004-ref.html b/testing/web-platform/tests/css/css-grid/masonry/tentative/align-content/masonry-align-content-004-ref.html deleted file mode 100644 index de11c836b8..0000000000 --- a/testing/web-platform/tests/css/css-grid/masonry/tentative/align-content/masonry-align-content-004-ref.html +++ /dev/null @@ -1,126 +0,0 @@ -<!DOCTYPE HTML> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---> -<html><head> - <meta charset="utf-8"> - <title>Reference: Masonry layout with `align-content` in grid axis</title> - <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> - <style> -html,body { - color:black; background-color:white; font:15px/1 monospace; padding:0; margin:0; -} - -grid { - display: inline-grid; - gap: 1px 2px; - grid-template-columns: 1ch auto; - grid-template-rows: repeat(4,20px); - background: content-box silver; - border: 1px solid; - padding: 2px; - width: 100px; - justify-items: start; - writing-mode: vertical-rl; -} - -item { - background-color: #444; - color: #fff; -} - -.tall { grid-column: span 2; padding-top: 30px; } -</style> -</head> -<body> - -<grid style="align-content:start"> - <item class="tall" style="grid-row:1/2">1</item> - <item style="grid-row:2/3">2</item> - <item style="grid-row:3/4">3</item> - <item style="grid-row:4/5">4</item> - <item style="grid-row:2/3">5</item> - <item style="grid-row:3/4">6</item> -</grid> - -<grid style="align-content:start"> - <item style="grid-row:1/2">1</item> - <item class="tall" style="grid-row:2/3">2</item> - <item style="grid-row:3/4">3</item> - <item style="grid-row:4/5">4</item> - <item style="grid-row:1/2">5</item> - <item style="grid-row:3/4">6</item> -</grid> - -<grid style="align-content:end"> - <item class="tall" style="grid-row:1/2">1</item> - <item style="grid-row:2/3">2</item> - <item style="grid-row:3/4">3</item> - <item style="grid-row:4/5">4</item> - <item style="grid-row:2/3">5</item> - <item style="grid-row:3/4">6</item> -</grid> - -<grid style="align-content:end"> - <item style="grid-row:1/2">1</item> - <item class="tall" style="grid-row:2/3">2</item> - <item style="grid-row:3/4">3</item> - <item style="grid-row:4/5">4</item> - <item style="grid-row:1/2">5</item> - <item style="grid-row:3/4">6</item> -</grid> - -<grid style="align-content:center"> - <item class="tall" style="grid-row:1/2">1</item> - <item style="grid-row:2/3">2</item> - <item style="grid-row:3/4">3</item> - <item style="grid-row:4/5">4</item> - <item style="grid-row:2/3">5</item> - <item style="grid-row:3/4">6</item> -</grid> - -<grid style="align-content:center"> - <item style="grid-row:1/2">1</item> - <item class="tall" style="grid-row:2/3">2</item> - <item style="grid-row:3/4">3</item> - <item style="grid-row:4/5">4</item> - <item style="grid-row:1/2">5</item> - <item style="grid-row:3/4">6</item> -</grid> - -<grid style="align-content:stretch"> - <item class="tall" style="grid-row:1/2">1</item> - <item style="grid-row:2/3">2</item> - <item style="grid-row:3/4">3</item> - <item style="grid-row:4/5">4</item> - <item style="grid-row:2/3">5</item> - <item style="grid-row:3/4">6</item> -</grid> - -<grid style="align-content:space-between"> - <item class="tall" style="grid-row:1/2">1</item> - <item style="grid-row:2/3">2</item> - <item style="grid-row:3/4">3</item> - <item style="grid-row:4/5">4</item> - <item style="grid-row:2/3">5</item> - <item style="grid-row:3/4">6</item> -</grid> - -<grid style="align-content:space-around"> - <item class="tall" style="grid-row:1/2">1</item> - <item style="grid-row:2/3">2</item> - <item style="grid-row:3/4">3</item> - <item style="grid-row:4/5">4</item> - <item style="grid-row:2/3">5</item> - <item style="grid-row:3/4">6</item> -</grid> - -<grid style="align-content:space-evenly"> - <item class="tall" style="grid-row:1/2">1</item> - <item style="grid-row:2/3">2</item> - <item style="grid-row:3/4">3</item> - <item style="grid-row:4/5">4</item> - <item style="grid-row:2/3">5</item> - <item style="grid-row:3/4">6</item> -</grid> |