[css-grid] Styling fix.

Author: tabatkins

css-grid/Overview.bs

@@ -1502,8 +1502,8 @@ Sizing Auto-generated Rows and Columns: the 'grid-auto-rows' and 'grid-auto-colu
 	</pre>
 
 	<pre class=prod>
-		<dfn><<auto-flow-direction>></dfn> = row | column
-		<dfn><<auto-flow-algorithm>></dfn> = dense | stack
+		<dfn>&lt;auto-flow-direction></dfn> = row | column
+		<dfn>&lt;auto-flow-algorithm></dfn> = dense | stack
 	</pre>
 
 	<a>Grid items</a> that aren't explicitly placed are automatically placed

css-grid/Overview.html

@@ -898,11 +898,11 @@ <h3 class="heading settled" data-level=5.1 id=track-sizing><span class=secno>5.1
 	while <a class=property data-link-type=propdesc href=#propdef-grid-template-rows title=grid-template-rows>grid-template-rows</a> specifies the <a data-link-type=dfn href=#track-list title="track list">track list</a> for the grid’s rows.
 	The syntax of a <a data-link-type=dfn href=#track-list title="track list">track list</a> is:</p>
 
-	<pre><dfn class=css data-dfn-type=type data-export="" id=typedef-track-list>&lt;track-list&gt;<a class=self-link href=#typedef-track-list></a></dfn>     = [ <a class="production css" data-link-type=type href=#typedef-line-names title="<line-names>">&lt;line-names&gt;</a>? [ <a class="production css" data-link-type=type href=#typedef-track-size title="<track-size>">&lt;track-size&gt;</a> | <a class="production css" data-link-type=function href=#funcdef-repeat title=repeat()>&lt;repeat()&gt;</a> ] ]+ <a class="production css" data-link-type=type href=#typedef-line-names title="<line-names>">&lt;line-names&gt;</a>?
-<dfn class=css data-dfn-type=type data-export="" id=typedef-track-size>&lt;track-size&gt;<a class=self-link href=#typedef-track-size></a></dfn>     = minmax( <a class="production css" data-link-type=type href=#typedef-track-breadth title="<track-breadth>">&lt;track-breadth&gt;</a> , <a class="production css" data-link-type=type href=#typedef-track-breadth title="<track-breadth>">&lt;track-breadth&gt;</a> ) | auto | <a class="production css" data-link-type=type href=#typedef-track-breadth title="<track-breadth>">&lt;track-breadth&gt;</a>
-<dfn class=css data-dfn-type=type data-export="" id=typedef-track-breadth>&lt;track-breadth&gt;<a class=self-link href=#typedef-track-breadth></a></dfn>  = <a class="production css" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#length-value title="<length>">&lt;length&gt;</a> | <a class="production css" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#percentage-value title="<percentage>">&lt;percentage&gt;</a> | <a class="production css" data-link-type=type href=#typedef-flex title="<flex>">&lt;flex&gt;</a> | min-content | max-content
-<dfn class=css data-dfn-type=type data-export="" id=typedef-line-names>&lt;line-names&gt;<a class=self-link href=#typedef-line-names></a></dfn>     = ( <a class="production css" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#identifier-value title="<custom-ident>">&lt;custom-ident&gt;</a>* )
-<dfn class=css data-dfn-type=type data-export="" id=typedef-line-name-list>&lt;line-name-list&gt;<a class=self-link href=#typedef-line-name-list></a></dfn> = [ <a class="production css" data-link-type=type href=#typedef-line-names title="<line-names>">&lt;line-names&gt;</a> | repeat(<a class="production css" data-link-type=type title="<positive-integer>">&lt;positive-integer&gt;</a>, <a class="production css" data-link-type=type href=#typedef-line-names title="<line-names>">&lt;line-names&gt;</a>+) ]+
+	<pre><dfn data-dfn-type=type data-export="" id=typedef-track-list>&lt;track-list&gt;<a class=self-link href=#typedef-track-list></a></dfn>     = [ <a class=production data-link-type=type href=#typedef-line-names title="<line-names>">&lt;line-names&gt;</a>? [ <a class=production data-link-type=type href=#typedef-track-size title="<track-size>">&lt;track-size&gt;</a> | <a class=production data-link-type=function href=#funcdef-repeat title=repeat()>&lt;repeat()&gt;</a> ] ]+ <a class=production data-link-type=type href=#typedef-line-names title="<line-names>">&lt;line-names&gt;</a>?
+<dfn data-dfn-type=type data-export="" id=typedef-track-size>&lt;track-size&gt;<a class=self-link href=#typedef-track-size></a></dfn>     = minmax( <a class=production data-link-type=type href=#typedef-track-breadth title="<track-breadth>">&lt;track-breadth&gt;</a> , <a class=production data-link-type=type href=#typedef-track-breadth title="<track-breadth>">&lt;track-breadth&gt;</a> ) | auto | <a class=production data-link-type=type href=#typedef-track-breadth title="<track-breadth>">&lt;track-breadth&gt;</a>
+<dfn data-dfn-type=type data-export="" id=typedef-track-breadth>&lt;track-breadth&gt;<a class=self-link href=#typedef-track-breadth></a></dfn>  = <a class=production data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#length-value title="<length>">&lt;length&gt;</a> | <a class=production data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#percentage-value title="<percentage>">&lt;percentage&gt;</a> | <a class=production data-link-type=type href=#typedef-flex title="<flex>">&lt;flex&gt;</a> | min-content | max-content
+<dfn data-dfn-type=type data-export="" id=typedef-line-names>&lt;line-names&gt;<a class=self-link href=#typedef-line-names></a></dfn>     = ( <a class=production data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#identifier-value title="<custom-ident>">&lt;custom-ident&gt;</a>* )
+<dfn data-dfn-type=type data-export="" id=typedef-line-name-list>&lt;line-name-list&gt;<a class=self-link href=#typedef-line-name-list></a></dfn> = [ <a class=production data-link-type=type href=#typedef-line-names title="<line-names>">&lt;line-names&gt;</a> | repeat(<a class=production data-link-type=type title="<positive-integer>">&lt;positive-integer&gt;</a>, <a class=production data-link-type=type href=#typedef-line-names title="<line-names>">&lt;line-names&gt;</a>+) ]+
 </pre>
 
 <p>Where:</p>
@@ -1051,7 +1051,7 @@ <h4 class="heading settled" data-level=5.1.2 id=repeat-notation><span class=secn
 	in a more compact form.
 	The syntax of the <a class=css data-link-type=maybe href=#funcdef-repeat title=repeat()>repeat()</a> notation is:</p>
 
-<pre class=prod><dfn class=css data-dfn-type=function data-export="" id=funcdef-repeat>repeat()<a class=self-link href=#funcdef-repeat></a></dfn> = repeat( <a class="production css" data-link-type=type title="<positive-integer>">&lt;positive-integer&gt;</a> <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-comma title=,>,</a> [ <a class="production css" data-link-type=type href=#typedef-line-names title="<line-names>">&lt;line-names&gt;</a><a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#mult-opt title=?>?</a> <a class="production css" data-link-type=type href=#typedef-track-size title="<track-size>">&lt;track-size&gt;</a> ]<a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#mult-one-plus title=+>+</a> <a class="production css" data-link-type=type href=#typedef-line-names title="<line-names>">&lt;line-names&gt;</a><a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#mult-opt title=?>?</a> )</pre>
+<pre class=prod><dfn data-dfn-type=function data-export="" id=funcdef-repeat>repeat()<a class=self-link href=#funcdef-repeat></a></dfn> = repeat( <a class=production data-link-type=type title="<positive-integer>">&lt;positive-integer&gt;</a> <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-comma title=,>,</a> [ <a class=production data-link-type=type href=#typedef-line-names title="<line-names>">&lt;line-names&gt;</a><a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#mult-opt title=?>?</a> <a class=production data-link-type=type href=#typedef-track-size title="<track-size>">&lt;track-size&gt;</a> ]<a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#mult-one-plus title=+>+</a> <a class=production data-link-type=type href=#typedef-line-names title="<line-names>">&lt;line-names&gt;</a><a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#mult-opt title=?>?</a> )</pre>
 
 <p>The first argument specifies the number of repetitions.
 	The second argument is a <a data-link-type=dfn href=#track-list title="track list">track list</a>,
@@ -1584,8 +1584,8 @@ <h3 class="heading settled" data-level=6.2 id=grid-auto-flow-property><span clas
 
 <table class="definition propdef"><tr><th>Name:<td><dfn class=css data-dfn-type=property data-export="" id=propdef-grid-auto-flow>grid-auto-flow<a class=self-link href=#propdef-grid-auto-flow></a></dfn><tr><th>Value:<td class=prod><a class="production css" data-link-type=type href=#typedef-auto-flow-direction title="<auto-flow-direction>">&lt;auto-flow-direction&gt;</a> <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-any title=||>||</a> <a class="production css" data-link-type=type href=#typedef-auto-flow-algorithm title="<auto-flow-algorithm>">&lt;auto-flow-algorithm&gt;</a><tr><th>Initial:<td>row<tr><th>Applies to:<td><a data-link-type=dfn href=#grid-container title="grid containers">grid containers</a><tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>specified value<tr><th>Percentages:<td>n/a</table>
 
-	<pre class=prod><dfn class=css data-dfn-type=type data-export="" id=typedef-auto-flow-direction><a class="production css" data-link-type=type href=#typedef-auto-flow-direction title="<auto-flow-direction>">&lt;auto-flow-direction&gt;</a><a class=self-link href=#typedef-auto-flow-direction></a></dfn> = row <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> column
-<dfn class=css data-dfn-type=type data-export="" id=typedef-auto-flow-algorithm><a class="production css" data-link-type=type href=#typedef-auto-flow-algorithm title="<auto-flow-algorithm>">&lt;auto-flow-algorithm&gt;</a><a class=self-link href=#typedef-auto-flow-algorithm></a></dfn> = dense <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> stack
+	<pre class=prod><dfn data-dfn-type=type data-export="" id=typedef-auto-flow-direction>&lt;auto-flow-direction&gt;<a class=self-link href=#typedef-auto-flow-direction></a></dfn> = row <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> column
+<dfn data-dfn-type=type data-export="" id=typedef-auto-flow-algorithm>&lt;auto-flow-algorithm&gt;<a class=self-link href=#typedef-auto-flow-algorithm></a></dfn> = dense <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> stack
 </pre>
 
 <p><a data-link-type=dfn href=#grid-item title="Grid items">Grid items</a> that aren’t explicitly placed are automatically placed
@@ -2029,11 +2029,11 @@ <h3 class="heading settled" data-level=8.2 id=line-placement><span class=secno>8
 
 <table class="definition propdef"><tr><th>Name:<td><dfn class=css data-dfn-type=property data-export="" id=propdef-grid-row-start>grid-row-start<a class=self-link href=#propdef-grid-row-start></a></dfn>, <dfn class=css data-dfn-type=property data-export="" id=propdef-grid-column-start>grid-column-start<a class=self-link href=#propdef-grid-column-start></a></dfn>, <dfn class=css data-dfn-type=property data-export="" id=propdef-grid-row-end>grid-row-end<a class=self-link href=#propdef-grid-row-end></a></dfn>, <dfn class=css data-dfn-type=property data-export="" id=propdef-grid-column-end>grid-column-end<a class=self-link href=#propdef-grid-column-end></a></dfn><tr><th>Value:<td class=prod><a class="production css" data-link-type=type href=#typedef-grid-line title="<grid-line>">&lt;grid-line&gt;</a><tr><th>Initial:<td>auto<tr><th>Applies to:<td><a data-link-type=dfn href=#grid-item title="grid items">grid items</a><tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>specified value<tr><th>Percentages:<td>n/a</table>
 
-	<pre><dfn class=css data-dfn-for="grid-row-start grid-column-start grid-row-end grid-column-end" data-dfn-type=type data-export="" id=typedef-grid-line><a class="production css" data-link-type=type href=#typedef-grid-line title="<grid-line>">&lt;grid-line&gt;</a><a class=self-link href=#typedef-grid-line></a></dfn> =
+	<pre><dfn data-dfn-for="grid-row-start grid-column-start grid-row-end grid-column-end" data-dfn-type=type data-export="" id=typedef-grid-line><a class=production data-link-type=type href=#typedef-grid-line title="<grid-line>">&lt;grid-line&gt;</a><a class=self-link href=#typedef-grid-line></a></dfn> =
   auto |
-  <a class="production css" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#identifier-value title="<custom-ident>">&lt;custom-ident&gt;</a> |
-  [ <a class="production css" data-link-type=type href=http://dev.w3.org/csswg/css-syntax-3/#typedef-integer title="<integer>">&lt;integer&gt;</a> &amp;&amp; <a class="production css" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#identifier-value title="<custom-ident>">&lt;custom-ident&gt;</a>? ] |
-  [ span &amp;&amp; [ <a class="production css" data-link-type=type href=http://dev.w3.org/csswg/css-syntax-3/#typedef-integer title="<integer>">&lt;integer&gt;</a> || <a class="production css" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#identifier-value title="<custom-ident>">&lt;custom-ident&gt;</a> ] ]
+  <a class=production data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#identifier-value title="<custom-ident>">&lt;custom-ident&gt;</a> |
+  [ <a class=production data-link-type=type href=http://dev.w3.org/csswg/css-syntax-3/#typedef-integer title="<integer>">&lt;integer&gt;</a> &amp;&amp; <a class=production data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#identifier-value title="<custom-ident>">&lt;custom-ident&gt;</a>? ] |
+  [ span &amp;&amp; [ <a class=production data-link-type=type href=http://dev.w3.org/csswg/css-syntax-3/#typedef-integer title="<integer>">&lt;integer&gt;</a> || <a class=production data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#identifier-value title="<custom-ident>">&lt;custom-ident&gt;</a> ] ]
 </pre>
 
 <p>The <a class=property data-link-type=propdesc href=#propdef-grid-row-start title=grid-row-start>grid-row-start</a>, <a class=property data-link-type=propdesc href=#propdef-grid-column-start title=grid-column-start>grid-column-start</a>, <a class=property data-link-type=propdesc href=#propdef-grid-row-end title=grid-row-end>grid-row-end</a>, and <a class=property data-link-type=propdesc href=#propdef-grid-column-end title=grid-column-end>grid-column-end</a> properties
@@ -2118,7 +2118,7 @@ <h3 class="heading settled" data-level=8.2 id=line-placement><span class=secno>8
 grid-column-start: span C; grid-column-end: span C;
 /* Error: The end span is ignored, and an auto-placed
    item can’t span to a named line.
-   Equivalent to <a class=css data-link-type=propdesc href=#propdef-grid-column title=grid-column>grid-column: span 1;</a>. */
+   Equivalent to <a data-link-type=propdesc href=#propdef-grid-column title=grid-column>grid-column: span 1;</a>. */
 grid-column-start: 5; grid-column-end: C -1;
 /* Line 5 to line 9 */
 grid-column-start: 5; grid-column-end: span C;