[css-snappoints] Oops, <percentage> is not a subset of length like I thought it was! Adding it back in explicitly

Author: ChumpChief

css-snappoints/Overview.bs

@@ -240,7 +240,7 @@ Ignored Terms: scroll-snap-positions-*, containing block chain
 
     <pre class="propdef">
     Name: scroll-snap-padding
-    Value: <<length>>{1,4}
+    Value: [ <<length>> | <<percentage>> ]{1,4}
     Initial: 0
     Applies to: scroll containers
     Inherited: no
@@ -251,7 +251,7 @@ Ignored Terms: scroll-snap-positions-*, containing block chain
     </pre>
 
     <dl dfn-type=value dfn-for="scroll-snap-padding">
-        <dt><dfn><<length>>{1,4}</dfn>
+        <dt><dfn>[ <<length>> | <<percentage>> ]{1,4}</dfn>
         <dd>
             Specifies the region inset from the visual viewport.  Values are interpreted as for 'padding', and specify inward offsets from each edge of the visual viewport.
     </dl>
@@ -264,7 +264,7 @@ Ignored Terms: scroll-snap-positions-*, containing block chain
 
     <pre class="propdef">
     Name: scroll-snap-area
-    Value: [ border-box | margin-box ]? <<length>>{1,4}
+    Value: [ border-box | margin-box ]? [ <<length>> | <<percentage>> ]{1,4}
     Initial: 0
     Applies to: all elements
     Inherited: no
@@ -275,7 +275,7 @@ Ignored Terms: scroll-snap-positions-*, containing block chain
     </pre>
 
     <dl dfn-type=value dfn-for="scroll-snap-area">
-        <dt><dfn>[ border-box | margin-box ]? <<length>>{1,4}</dfn>
+        <dt><dfn>[ border-box | margin-box ]? [ <<length>> | <<percentage>> ]{1,4}</dfn>
         <dd>
             Specifies the outset of the element's snap area from the axis-aligned bounding box of the transformed specified box, in the <a>scroll container's</a> coordinate space.  Outsets are applied to this bounding box, not the specified box.  If the box argument is omitted it defaults to border-box.
 

css-snappoints/Overview.html

@@ -391,7 +391,7 @@ <h2 class="heading settled" data-level="6" id="scroll-snap-padding"><span class=
       <td><dfn class="css" data-dfn-type="property" data-export="" id="propdef-scroll-snap-padding">scroll-snap-padding<a class="self-link" href="#propdef-scroll-snap-padding"></a></dfn>
      <tr class="value">
       <th>Value:
-      <td class="prod"><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#length-value">&lt;length></a><a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#mult-num-range">{1,4}</a>
+      <td class="prod">[ <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#length-value">&lt;length></a> <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#comb-one">|</a> <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#percentage-value">&lt;percentage></a> ]<a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#mult-num-range">{1,4}</a>
      <tr>
       <th>Initial:
       <td>0
@@ -415,7 +415,7 @@ <h2 class="heading settled" data-level="6" id="scroll-snap-padding"><span class=
       <td>yes
    </table>
    <dl>
-    <dt><dfn class="css" data-dfn-for="scroll-snap-padding" data-dfn-type="value" data-export="" id="valdef-scroll-snap-padding-length1-4"><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#length-value">&lt;length></a>{1,4}<a class="self-link" href="#valdef-scroll-snap-padding-length1-4"></a></dfn> 
+    <dt><dfn class="css" data-dfn-for="scroll-snap-padding" data-dfn-type="value" data-export="" id="valdef-scroll-snap-padding--length--percentage-1-4">[ <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#length-value">&lt;length></a> | <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#percentage-value">&lt;percentage></a> ]{1,4}<a class="self-link" href="#valdef-scroll-snap-padding--length--percentage-1-4"></a></dfn> 
     <dd> Specifies the region inset from the visual viewport.  Values are interpreted as for <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css2/box.html#propdef-padding">padding</a>, and specify inward offsets from each edge of the visual viewport. 
    </dl>
    <p>This property is a shorthand property that sets all of the <a class="property" data-link-type="propdesc">scroll-snap-padding-*</a> longhands in one declaration.</p>
@@ -428,7 +428,7 @@ <h2 class="heading settled" data-level="7" id="scroll-snap-area0"><span class="s
       <td><dfn class="css" data-dfn-type="property" data-export="" id="propdef-scroll-snap-area">scroll-snap-area<a class="self-link" href="#propdef-scroll-snap-area"></a></dfn>
      <tr class="value">
       <th>Value:
-      <td class="prod">[ border-box <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#comb-one">|</a> margin-box ]<a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#mult-opt">?</a> <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#length-value">&lt;length></a><a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#mult-num-range">{1,4}</a>
+      <td class="prod">[ border-box <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#comb-one">|</a> margin-box ]<a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#mult-opt">?</a> [ <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#length-value">&lt;length></a> <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#comb-one">|</a> <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#percentage-value">&lt;percentage></a> ]<a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#mult-num-range">{1,4}</a>
      <tr>
       <th>Initial:
       <td>0
@@ -452,7 +452,7 @@ <h2 class="heading settled" data-level="7" id="scroll-snap-area0"><span class="s
       <td>yes
    </table>
    <dl>
-    <dt><dfn class="css" data-dfn-for="scroll-snap-area" data-dfn-type="value" data-export="" id="valdef-scroll-snap-area--border-box--margin-box--length1-4">[ border-box | margin-box ]? <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#length-value">&lt;length></a>{1,4}<a class="self-link" href="#valdef-scroll-snap-area--border-box--margin-box--length1-4"></a></dfn> 
+    <dt><dfn class="css" data-dfn-for="scroll-snap-area" data-dfn-type="value" data-export="" id="valdef-scroll-snap-area--border-box--margin-box---length--percentage-1-4">[ border-box | margin-box ]? [ <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#length-value">&lt;length></a> | <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#percentage-value">&lt;percentage></a> ]{1,4}<a class="self-link" href="#valdef-scroll-snap-area--border-box--margin-box---length--percentage-1-4"></a></dfn> 
     <dd>
       Specifies the outset of the element’s snap area from the axis-aligned bounding box of the transformed specified box, in the <a data-link-type="dfn" href="#scroll-container">scroll container’s</a> coordinate space.  Outsets are applied to this bounding box, not the specified box.  If the box argument is omitted it defaults to border-box. 
      <p class="note" role="note">Note: This ensures that the <a data-link-type="dfn" href="#scroll-snap-area">scroll snap area</a> is always rectangular and axis-aligned to the <a data-link-type="dfn" href="#scroll-container">scroll container’s</a> coordinate space.</p>
@@ -593,10 +593,10 @@ <h4 class="heading settled" id="conform-testing"><span class="content"> Implemen
   <h2 class="no-num heading settled" id="index"><span class="content">Index</span><a class="self-link" href="#index"></a></h2>
   <h3 class="no-num heading settled" id="index-defined-here"><span class="content">Terms defined by this specification</span><a class="self-link" href="#index-defined-here"></a></h3>
   <ul class="indexlist">
-   <li><a href="#valdef-scroll-snap-area--border-box--margin-box--length1-4">[ border-box | margin-box ]? &lt;length>{1,4}</a><span>, in §7</span>
+   <li><a href="#valdef-scroll-snap-area--border-box--margin-box---length--percentage-1-4">[ border-box | margin-box ]? [ &lt;length> | &lt;percentage> ]{1,4}</a><span>, in §7</span>
    <li><a href="#valdef-scroll-snap-align-center">center</a><span>, in §8</span>
    <li><a href="#valdef-scroll-snap-align-end">end</a><span>, in §8</span>
-   <li><a href="#valdef-scroll-snap-padding-length1-4">&lt;length>{1,4}</a><span>, in §6</span>
+   <li><a href="#valdef-scroll-snap-padding--length--percentage-1-4">[ &lt;length> | &lt;percentage> ]{1,4}</a><span>, in §6</span>
    <li><a href="#valdef-scroll-snap-type-mandatory">mandatory</a><span>, in §5</span>
    <li>
     none
@@ -635,6 +635,7 @@ <h3 class="no-num heading settled" id="index-defined-elsewhere"><span class="con
     <a data-link-type="biblio" href="#biblio-css-values-3">[css-values]</a> defines the following terms:
     <ul>
      <li><a href="https://drafts.csswg.org/css-values-3/#length-value">&lt;length></a>
+     <li><a href="https://drafts.csswg.org/css-values-3/#percentage-value">&lt;percentage></a>
      <li><a href="https://drafts.csswg.org/css-values-3/#mult-opt">?</a>
      <li><a href="https://drafts.csswg.org/css-values-3/#mult-num-range">{a,b}</a>
      <li><a href="https://drafts.csswg.org/css-values-3/#comb-one">|</a>
@@ -691,7 +692,7 @@ <h2 class="no-num heading settled" id="property-index"><span class="content">Pro
       <td>as specified
      <tr>
       <th scope="row"><a class="css" data-link-type="property" href="#propdef-scroll-snap-padding">scroll-snap-padding</a>
-      <td>&lt;length>{1,4}
+      <td>[ &lt;length> | &lt;percentage> ]{1,4}
       <td>0
       <td>scroll containers
       <td>no
@@ -701,7 +702,7 @@ <h2 class="no-num heading settled" id="property-index"><span class="content">Pro
       <td>as specified, with lengths made absolute
      <tr>
       <th scope="row"><a class="css" data-link-type="property" href="#propdef-scroll-snap-area">scroll-snap-area</a>
-      <td>[ border-box | margin-box ]? &lt;length>{1,4}
+      <td>[ border-box | margin-box ]? [ &lt;length> | &lt;percentage> ]{1,4}
       <td>0
       <td>all elements
       <td>no