Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-gutters-get-set.html |
diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-gutters-get-set.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-gutters-get-set.html |
index 7af88faab4538864b835896ba7ccf141c946a17e..7aeae091e252e2a5161ffd4c195660bfa7387784 100644 |
--- a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-gutters-get-set.html |
+++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-gutters-get-set.html |
@@ -11,6 +11,10 @@ |
grid-row-gap: 12px; |
grid-column-gap: 1rem; |
} |
+.gridRowColumnPercentGaps { |
+ grid-row-gap: 10%; |
+ grid-column-gap: 15%; |
+} |
.gridRowColumnInheritGaps { |
grid-row-gap: inherit; |
grid-column-gap: inherit; |
@@ -23,7 +27,7 @@ |
grid-row-gap: calc(10px + 3px); |
grid-column-gap: calc(2px + 1vw); |
} |
-.gridInvalidRowGap { grid-row-gap: 10%; } |
+.gridInvalidRowGap { grid-row-gap: -10px; } |
.gridInvalidColumnGap { grid-column-gap: -webkit-max-content; } |
.gridInvalidMultipleRowColumnGaps { |
grid-row-gap: 10px 1px; |
@@ -49,6 +53,7 @@ |
<div class="grid gridRowGap" id="gridRowGap"></div> |
<div class="grid gridCalcGaps" id="gridCalcGaps"></div> |
<div class="grid gridRowColumnGaps" id="gridRowColumnGaps"></div> |
+<div class="grid gridRowColumnPercentGaps" id="gridRowColumnPercentGaps"></div> |
<div class="grid gridSimpleGap"> |
<div class="grid gridRowColumnInheritGaps" id="gridRowColumnInheritGaps"></div> |
</div> |
@@ -78,6 +83,7 @@ testGridGapDefinitionsValues("gridRowGap", "32px", "0px"); |
testGridGapDefinitionsValues("gridCalcGaps", "13px", "10px"); |
testGridGapDefinitionsValues("gridRowColumnGaps", "12px", "16px"); |
testGridGapDefinitionsValues("gridRowColumnGaps", "12px", "16px"); |
+testGridGapDefinitionsValues("gridRowColumnPercentGaps", "10%", "15%"); |
testGridGapDefinitionsValues("gridRowColumnInheritGaps", "25px", "25px"); |
testGridGapDefinitionsValues("gridRowColumnInitialGaps", "0px", "0px"); |