Skip to content

Commit

Permalink
[Gap Decorations]: Parse row-rule-outset property
Browse files Browse the repository at this point in the history
This CL introduces parsing for the `row-rule-outset` property which
is used to offset the endpoints of gap decorations relative to the
gap intersection points.
See: https://drafts.csswg.org/css-gaps-1/#outset

Bug: 357648037
Change-Id: I94ce9cce75919c44ddb638166c2e43d6b0f9b8bd
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6236266
Reviewed-by: Alison Maher <[email protected]>
Reviewed-by: Kevin Babbitt <[email protected]>
Commit-Queue: Sam Davis Omekara <[email protected]>
Reviewed-by: Kurt Catti-Schmidt <[email protected]>
Cr-Commit-Position: refs/heads/main@{#1417171}
  • Loading branch information
Sam Davis Omekara authored and chromium-wpt-export-bot committed Feb 7, 2025
1 parent f832c5c commit ddfb3fc
Show file tree
Hide file tree
Showing 3 changed files with 10 additions and 10 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<html>
<head>
<meta charset="utf-8">
<title>CSS Gaps: column-rule-outset getComputedStyle()</title>
<title>CSS Gaps: *-rule-outset getComputedStyle()</title>
<link rel="author" title="Sam Davis Omekara Jr." href="mailto:[email protected]">
<link rel="help" href="https://drafts.csswg.org/css-gaps-1/#outset">
<script src="/resources/testharness.js"></script>
Expand All @@ -22,9 +22,9 @@
test_computed_value("column-rule-outset", "-20px");
test_computed_value("column-rule-outset", "0.5em", "20px");
test_computed_value("column-rule-outset", "calc(10px + 0.5em)", "30px");
test_computed_value("column-rule-outset", "calc(10px - 0.5em)", "-10px");
test_computed_value("column-rule-outset", "30%");
test_computed_value("column-rule-outset", "calc(25% + 10px)");
test_computed_value("row-rule-outset", "calc(10px - 0.5em)", "-10px");
test_computed_value("row-rule-outset", "30%");
test_computed_value("row-rule-outset", "calc(25% + 10px)");
</script>
</body>
</html>
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<html>
<head>
<meta charset="utf-8">
<title>CSS Gaps: parsing column-rule-outset with invalid values</title>
<title>CSS Gaps: parsing *-rule-outset with invalid values</title>
<link rel="author" title="Sam Davis Omekara Jr." href="mailto:[email protected]">
<link rel="help" href="https://drafts.csswg.org/css-gaps-1/#outset">
<script src="/resources/testharness.js"></script>
Expand All @@ -14,8 +14,8 @@
<script>
test_invalid_value('column-rule-outset', 'auto');
test_invalid_value('column-rule-outset', 'none');
test_invalid_value('column-rule-outset', '10');
test_invalid_value('column-rule-outset', '10px 20px');
test_invalid_value('row-rule-outset', '10');
test_invalid_value('row-rule-outset', '10px 20px');
</script>
</body>
</html>
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<html>
<head>
<meta charset="utf-8">
<title>CSS Gaps: parsing column-rule-outset with valid values</title>
<title>CSS Gaps: parsing *-rule-outset with valid values</title>
<link rel="author" title="Sam Davis Omekara Jr." href="mailto:[email protected]">
<link rel="help" href="https://drafts.csswg.org/css-gaps-1/#outset">
<script src="/resources/testharness.js"></script>
Expand All @@ -15,8 +15,8 @@
test_valid_value('column-rule-outset', '0', '0px');
test_valid_value('column-rule-outset', '-20px');
test_valid_value('column-rule-outset', '5%');
test_valid_value('column-rule-outset', '10vmin');
test_valid_value('column-rule-outset', 'calc(8em + 4ex)');
test_valid_value('row-rule-outset', '10vmin');
test_valid_value('row-rule-outset', 'calc(8em + 4ex)');
</script>
</body>
</html>

0 comments on commit ddfb3fc

Please sign in to comment.