[css-grid] Replaced <length> | <percentage> by <length-percentage>

Author: SebastianZ

css-grid/Overview.bs

@@ -1238,29 +1238,26 @@ Explicit Track Sizing: the 'grid-template-rows' and 'grid-template-columns' prop
 		                        [ <<line-names>>? [ <<fixed-size>> | <<fixed-repeat>> ] ]* <<line-names>>?
 		<dfn>&lt;explicit-track-list></dfn> = [ <<line-names>>? <<track-size>> ]+ <<line-names>>?
 
-		<dfn>&lt;track-size></dfn>          = <<track-breadth>> | minmax( <<inflexible-breadth>> , <<track-breadth>> ) | fit-content( [ <<length>> | <<percentage>> ] )
+		<dfn>&lt;track-size></dfn>          = <<track-breadth>> | minmax( <<inflexible-breadth>> , <<track-breadth>> ) | fit-content( <<length-percentage>> )
 		<dfn>&lt;fixed-size></dfn>          = <<fixed-breadth>> | minmax( <<fixed-breadth>> , <<track-breadth>> ) | minmax( <<inflexible-breadth>> , <<fixed-breadth>> )
-		<dfn>&lt;track-breadth></dfn>       = <<length>> | <<percentage>> | <<flex>> | min-content | max-content | auto
-		<dfn>&lt;inflexible-breadth></dfn>  = <<length>> | <<percentage>> | min-content | max-content | auto
-		<dfn>&lt;fixed-breadth></dfn>       = <<length>> | <<percentage>>
+		<dfn>&lt;track-breadth></dfn>       = <<length-percentage>> | <<flex>> | min-content | max-content | auto
+		<dfn>&lt;inflexible-breadth></dfn>  = <<length-percentage>> | min-content | max-content | auto
+		<dfn>&lt;fixed-breadth></dfn>       = <<length-percentage>>
 		<dfn>&lt;line-names></dfn>          = '[' <<custom-ident>>* ']'
 	</pre>
 
 	Where:
 
 	<dl dfn-for="grid-template-columns, grid-template-rows" dfn-type=value>
-		<dt><dfn><<length>></dfn>
+		<dt><dfn><<length-percentage>></dfn>
 		<dd>
-			A non-negative length, as defined by CSS3 Values. [[!CSS3VAL]]
+			A non-negative length or percentage, as defined by CSS3 Values. [[!CSS3VAL]]
 
-		<dt><dfn><<percentage>></dfn>
-		<dd>
-			A non-negative percentage, as defined by CSS3 Values. [[!CSS3VAL]]
-			<<percentage>> values are relative to the <a>inline size</a> of the <a>grid container</a> in column <a>grid tracks</a>,
-			and the <a>block size</a> of the <a>grid container</a> in row <a>grid tracks</a>.
-			If the <a lt="inline size">inline</a> or <a>block size</a> of the <a>grid container</a>
-			is <a>indefinite</a>,
-			<<percentage>> values relative to that size are treated as <a value for=width>auto</a>.
+      <<percentage>> values are relative to the <a>inline size</a> of the <a>grid container</a> in column <a>grid tracks</a>,
+      and the <a>block size</a> of the <a>grid container</a> in row <a>grid tracks</a>.
+      If the <a lt="inline size">inline</a> or <a>block size</a> of the <a>grid container</a>
+      is <a>indefinite</a>,
+      <<percentage>> values relative to that size are treated as <a value for=width>auto</a>.
 
 		<dt><dfn><<flex>></dfn>
 		<dd>
@@ -1303,7 +1300,7 @@ Explicit Track Sizing: the 'grid-template-rows' and 'grid-template-columns' prop
 			Note: ''grid-template-rows/auto'' track sizes (and only ''grid-template-rows/auto'' track sizes)
 			can be streched by the 'align-content' and 'justify-content' properties.
 
-		<dt><dfn lt="fit-content()">fit-content( [ <<length>> | <<percentage>> ] )</dfn>
+		<dt><dfn lt="fit-content()">fit-content( <<length-percentage>> )</dfn>
 		<dd>
 			Represents the formula
 			<code>min(''max-content'', max(''auto'', <var>argument</var>))</code>,
@@ -3236,7 +3233,7 @@ Gutters: the 'grid-column-gap', 'grid-row-gap', and 'grid-gap' properties</h3>
 
 	<pre class='propdef'>
 	Name: grid-row-gap, grid-column-gap
-	Value: <<length>> | <<percentage>>
+	Value: <<length-percentage>>
 	Initial: 0
 	Applies to: <a>grid containers</a>
 	Inherited: no