mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-10 05:08:36 +02:00
62873a3536
Automatic update from web-platform-tests CSS: Shortest serialization for gap shorthand gap is <'row-gap'> <'column-gap'>? https://drafts.csswg.org/css-align-3/#propdef-gap If row-gap and column-gap are the same, we serialize only a single value, consistent with Firefox and the shortest representation principle. https://drafts.csswg.org/cssom/#serializing-css-values Change-Id: I8a2380d963cdbb7f33676b435d9cfb909abf9e77 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1750521 Auto-Submit: Eric Willigers <ericwilligers@chromium.org> Commit-Queue: Rune Lillesveen <futhark@chromium.org> Reviewed-by: Rune Lillesveen <futhark@chromium.org> Cr-Commit-Position: refs/heads/master@{#686773} -- wpt-commits: a06709fbf13b28f4b1b3d24f5bbc2e5274fe87af wpt-pr: 18407
26 lines
945 B
HTML
26 lines
945 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>CSS Box Alignment Level 3: parsing gap with valid values</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-gap">
|
|
<meta name="assert" content="row-gap supports the full grammar '<row-gap> <column-gap>?'.">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/css/support/parsing-testcommon.js"></script>
|
|
</head>
|
|
<body>
|
|
<script>
|
|
test_valid_value("gap", "normal normal", "normal");
|
|
test_valid_value("gap", "10px 10px", "10px");
|
|
test_valid_value("gap", "20% 20%", "20%");
|
|
test_valid_value("gap", "calc(20% + 10px) calc(20% + 10px)", "calc(20% + 10px)");
|
|
|
|
test_valid_value("gap", "normal 10px");
|
|
test_valid_value("gap", "10px 20%");
|
|
test_valid_value("gap", "20% calc(20% + 10px)");
|
|
test_valid_value("gap", "calc(20% + 10px) 0px");
|
|
test_valid_value("gap", "0px normal");
|
|
</script>
|
|
</body>
|
|
</html>
|