commit 6a7d7766b108813d711976cbf9e25e204dffe46f parent d9f3f294fd965db60515e0f092deb484a185e194 Author: Brandon Stewart <stewartb2@gmail.com> Date: Wed, 19 Nov 2025 04:57:41 +0000 Bug 2000979 [wpt PR 56103] - WebKit export of https://bugs.webkit.org/show_bug.cgi?id=301873, a=testonly Automatic update from web-platform-tests WebKit export of https://bugs.webkit.org/show_bug.cgi?id=301873 (#56103) -- wpt-commits: dbecf327eaf0e2cd2b998609da58c96f875f1ecf wpt-pr: 56103 Diffstat:
| A | testing/web-platform/tests/css/css-grid/grid-calc-margin-ref.html | | | 29 | +++++++++++++++++++++++++++++ |
| A | testing/web-platform/tests/css/css-grid/grid-calc-margin.html | | | 30 | ++++++++++++++++++++++++++++++ |
2 files changed, 59 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/css-grid/grid-calc-margin-ref.html b/testing/web-platform/tests/css/css-grid/grid-calc-margin-ref.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<html> +<head> +<link rel="author" title="Sam Weinig" href="mailto:sam@webkit.org"> +<link rel="help" href="https://bugs.webkit.org/show_bug.cgi?id=301873"> +<style> + .cardStack { + display: grid; + width: 100px; + } + .card { + height: 100px; + } + #card1 { + background-color: lightpink; + margin-top: 50%; + } + #card2 { + background-color: lightgreen; + } +</style> +</head> +<body> + <div class="cardStack"> + <div id="card1" class="card"></div> + <div id="card2" class="card"></div> + </div> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-grid/grid-calc-margin.html b/testing/web-platform/tests/css/css-grid/grid-calc-margin.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<html> +<head> +<link rel="author" title="Sam Weinig" href="mailto:sam@webkit.org"> +<link rel="help" href="https://bugs.webkit.org/show_bug.cgi?id=301873"> +<link rel="match" href="grid-calc-margin-ref.html"> +<style> + .cardStack { + display: grid; + width: 100px; + } + .card { + height: 100px; + } + #card1 { + background-color: lightpink; + margin-top: calc(50% - 0px); + } + #card2 { + background-color: lightgreen; + } +</style> +</head> +<body> + <div class="cardStack"> + <div id="card1" class="card"></div> + <div id="card2" class="card"></div> + </div> +</body> +</html>