[csswg] Whoops, generate specs.

Author: tabatkins

css-counter-styles/Overview.html

@@ -376,7 +376,7 @@ <h4 class="heading settled heading" data-level=3.1.1 id=cyclic-system><span clas
 		<pre>@counter-style <dfn data-dfn-type=dfn data-noexport="" id=triangle>triangle<a class=self-link href=#triangle></a></dfn> {
   system: cyclic;
   symbols: ‣;
-  suffix: "";
+  suffix: " ";
 }
 </pre>
 
@@ -421,7 +421,7 @@ <h4 class="heading settled heading" data-level=3.1.2 id=fixed-system><span class
 		<pre>@counter-style <dfn data-dfn-type=dfn data-noexport="" id=box-corner>box-corner<a class=self-link href=#box-corner></a></dfn> {
   system: fixed;
   symbols: ◰ ◳ ◲ ◱;
-  suffix: ':';
+  suffix: ': ';
 }
 </pre>
 
@@ -466,7 +466,7 @@ <h4 class="heading settled heading" data-level=3.1.3 id=symbolic-system><span cl
 		<pre>@counter-style <dfn data-dfn-type=dfn data-noexport="" id=footnote>footnote<a class=self-link href=#footnote></a></dfn> {
   system: symbolic;
   symbols: '*' ⁑ † ‡;
-  suffix: "";
+  suffix: " ";
 }
 </pre>
 
@@ -543,7 +543,7 @@ <h4 class="heading settled heading" data-level=3.1.4 id=alphabetic-system><span
 		<pre>@counter-style <dfn data-dfn-type=dfn data-noexport="" id=go>go<a class=self-link href=#go></a></dfn> {
   system: alphabetic;
   symbols: url(white.svg) url(black.svg);
-  suffix: "";
+  suffix: " ";
 }
 </pre>
 
@@ -667,18 +667,18 @@ <h4 class="heading settled heading" data-level=3.1.6 id=additive-system><span cl
 		<pre>@counter-style <dfn data-dfn-type=dfn data-noexport="" id=dice>dice<a class=self-link href=#dice></a></dfn> {
   system: additive;
   additive-symbols: 6 ⚅, 5 ⚄, 4 ⚃, 3 ⚂, 2 ⚁, 1 ⚀;
-  suffix: "";
+  suffix: " ";
 }
 </pre>
 
 <p>It will then produce lists that look like:</p>
 
-		<pre>⚀    One
-⚁    Two
-⚂    Three
+		<pre>  ⚀  One
+  ⚁  Two
+  ⚂  Three
 ...
-⚅⚄   Eleven
-⚅⚅   Twelve
+ ⚅⚄  Eleven
+ ⚅⚅  Twelve
 ⚅⚅⚀  Thirteen
 </pre>
 	</div>
@@ -789,7 +789,7 @@ <h3 class="heading settled heading" data-level=3.3 id=counter-style-prefix><span
 <h3 class="heading settled heading" data-level=3.4 id=counter-style-suffix><span class=secno>3.4 </span><span class=content>
 Symbols after the marker: the <a class=property data-link-type=propdesc href=#descdef-suffix title=suffix>suffix</a> descriptor</span><a class=self-link href=#counter-style-suffix></a></h3>
 
-<table class="definition descdef" data-dfn-for=@counter-style><tr><th>Name:<td><dfn class=css-code data-dfn-for=@counter-style data-dfn-type=descriptor data-export="" id=descdef-suffix>suffix<a class=self-link href=#descdef-suffix></a></dfn><tr><th>For:<td><a class=css-code data-link-type=at-rule href=#at-ruledef-counter-style title=@counter-style>@counter-style</a><tr><th>Value:<td><a class="production css-code" data-link-type=type href=#typedef-symbol title="<symbol>">&lt;symbol&gt;</a><tr><th>Initial:<td>"\2E" ("." full stop)</table>
+<table class="definition descdef" data-dfn-for=@counter-style><tr><th>Name:<td><dfn class=css-code data-dfn-for=@counter-style data-dfn-type=descriptor data-export="" id=descdef-suffix>suffix<a class=self-link href=#descdef-suffix></a></dfn><tr><th>For:<td><a class=css-code data-link-type=at-rule href=#at-ruledef-counter-style title=@counter-style>@counter-style</a><tr><th>Value:<td><a class="production css-code" data-link-type=type href=#typedef-symbol title="<symbol>">&lt;symbol&gt;</a><tr><th>Initial:<td>"\2E\20" ("." full stop followed by a space)</table>
 
 <p>The <a class=property data-link-type=propdesc href=#descdef-suffix title=suffix>suffix</a> descriptor specifies a <a class="production css-code" data-link-type=type href=#typedef-symbol title="<symbol>">&lt;symbol&gt;</a> that is appended to the
 	marker representation.  Suffixes are only added by the algorithm for constructing
@@ -1044,7 +1044,7 @@ <h3 class="heading settled heading" data-level=3.9 id=counter-style-speak-as><sp
   system: alphabetic;
   speak-as: lower-latin;
   symbols: ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ ⓝ ⓞ ⓟ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ;
-  suffix: "";
+  suffix: " ";
 }
 </pre>
 
@@ -1071,7 +1071,8 @@ <h2 class="heading settled heading" data-level=4 id=symbols-function><span class
 
 <p>The <a class=css data-link-type=maybe href=#funcdef-symbols title=symbols()>symbols()</a> function defines an anonymous counter style
 	with no name,
-	a <a class=property data-link-type=propdesc href=#descdef-prefix title=prefix>prefix</a> and <a class=property data-link-type=propdesc href=#descdef-suffix title=suffix>suffix</a> of <span class=css data-link-type=maybe title='""'>""</span> (the empty string),
+	a <a class=property data-link-type=propdesc href=#descdef-prefix title=prefix>prefix</a> of <span class=css data-link-type=maybe title='""'>""</span> (empty string)
+	and <a class=property data-link-type=propdesc href=#descdef-suffix title=suffix>suffix</a> of <span class=css data-link-type=maybe title='" "'>" "</span> (U+0020 SPACE),
 	a <a class=property data-link-type=propdesc href=#descdef-range title=range>range</a> of <a class=css-code data-link-for=range data-link-type=value href=#valuedef-auto0 title=auto>auto</a>,
 	a <a class=property data-link-type=propdesc href=#descdef-fallback title=fallback>fallback</a> of <a class=css data-link-type=maybe href=#valuedef-decimal title=decimal>decimal</a>,
 	a <a class=property data-link-type=propdesc href=#descdef-negative title=negative>negative</a> of <span class=css data-link-type=maybe title='"\2d"'>"\2D"</span> ("-" hyphen-minus),
@@ -1381,32 +1382,32 @@ <h3 class="heading settled heading" data-level=6.3 id=simple-symbolic><span clas
   system: cyclic;
   symbols: \2022;
   /* • */
-  suffix: "";
+  suffix: " ";
 }
 
 @counter-style circle {
   system: cyclic;
   symbols: \25E6;
   /* ◦ */
-  suffix: "";
+  suffix: " ";
 }
 
 @counter-style square {
   system: cyclic;
   symbols: \25FE;
   /* ◾ */
-  suffix: "";
+  suffix: " ";
 }
 
 @counter-style disclosure-open {
   system: cyclic;
-  suffix: "";
+  suffix: " ";
   /* for symbols, see normative text below */
 }
 
 @counter-style disclosure-closed {
   system: cyclic;
-  suffix: "";
+  suffix: " ";
   /* for symbols, see normative text below */
 }
 </pre>
@@ -2449,7 +2450,7 @@ <h2 class="no-num no-ref heading settled heading" id=property-index><span class=
 <tr><th scope-row=""><a class=css-code data-link-type=descriptor href=#descdef-system title=system>system</a><td>cyclic | numeric | alphabetic | symbolic | additive | [fixed &lt;integer&gt;?] | [ override &lt;counter-style-name&gt; ]<td>symbolic
 <tr><th scope-row=""><a class=css-code data-link-type=descriptor href=#descdef-negative title=negative>negative</a><td>&lt;symbol&gt; &lt;symbol&gt;?<td>"\2D" ("-" hyphen-minus)
 <tr><th scope-row=""><a class=css-code data-link-type=descriptor href=#descdef-prefix title=prefix>prefix</a><td>&lt;symbol&gt;<td>"" (the empty string)
-<tr><th scope-row=""><a class=css-code data-link-type=descriptor href=#descdef-suffix title=suffix>suffix</a><td>&lt;symbol&gt;<td>"\2E" ("." full stop)
+<tr><th scope-row=""><a class=css-code data-link-type=descriptor href=#descdef-suffix title=suffix>suffix</a><td>&lt;symbol&gt;<td>"\2E\20" ("." full stop followed by a space)
 <tr><th scope-row=""><a class=css-code data-link-type=descriptor href=#descdef-range title=range>range</a><td>[ [ &lt;integer&gt; | infinite ]{2} ]# | auto<td>auto
 <tr><th scope-row=""><a class=css-code data-link-type=descriptor href=#descdef-pad title=pad>pad</a><td>&lt;integer&gt; &amp;&amp; &lt;symbol&gt;<td>0 ""
 <tr><th scope-row=""><a class=css-code data-link-type=descriptor href=#descdef-fallback title=fallback>fallback</a><td>&lt;counter-style-name&gt;<td>decimal