[css-grid] Allow percentage values for column and row gutters

third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-gutters-get-set.html

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");