[css-counter-styles] Editorial tweak of symbols() section.

Author: tabatkins

css-counter-styles/Overview.html

@@ -1275,15 +1275,13 @@ <h2 id=symbols-function><span class=secno>4. </span> Defining Anonymous
    Counter Styles: the ‘<a href="#descdef-symbols"><code
    class=css>symbols()</code></a>’ function</h2>
 
-  <p> The previous chapter specified a way to define custom counter styles.
-   However, counter styles are sometimes used only once in a stylesheet, and
+  <p> The ‘<a href="#descdef-symbols"><code
+   class=css>symbols()</code></a>’ function allows a <a
+   href="#counter-style"><i>counter style</i></a> to be defined inline in a
+   property value, for when a style is used only once in a stylesheet and
    defining a full ‘<a href="#at-counter-style"><code
-   class=css>@counter-style</code></a>’ rule can be overkill for this case
-   (not to mention the possibility of unintentional name collisions). To
-   address this case, the ‘<a href="#descdef-symbols"><code
-   class=css>symbols()</code></a>’ function provides a simple way to define
-   an anonymous counter style as an inline value. It does not provide the
-   full feature-set of the ‘<a href="#at-counter-style"><code
+   class=css>@counter-style</code></a>’ rule would be overkill. It does not
+   provide the full feature-set of the ‘<a href="#at-counter-style"><code
    class=css>@counter-style</code></a>’ rule, but provides a sufficient
    subset to still be useful. The syntax of the ‘<a
    href="#descdef-symbols"><code class=css>symbols()</code></a>’ rule is:
@@ -1304,20 +1302,20 @@ <h2 id=symbols-function><span class=secno>4. </span> Defining Anonymous
    href="#prefix"><i title=counter-prefix>prefix</i></a> and <a
    href="#suffix"><i title=counter-suffix>suffix</i></a> of ‘<code
    class=css>""</code>’ (the empty string), a <a href="#range"><i
-   title=counter-range>range</i></a> from negative infinity to positive
-   infinity, n <a href="#fallback-style"><i title=counter-fallback>fallback
-   style</i></a> of ‘<a href="#decimal"><code
-   class=css>decimal</code></a>’, and a <a href="#negative-sign"><i
-   title=counter-negative>negative sign</i></a> of "\2D" ("-" hyphen-minus).
-   The counter style's <a href="#algorithm"><i
+   title=counter-range>range</i></a> of ‘<code class=css>auto</code>’, a
+   <a href="#fallback-style"><i title=counter-fallback>fallback style</i></a>
+   of ‘<a href="#decimal"><code class=css>decimal</code></a>’, and a <a
+   href="#negative-sign"><i title=counter-negative>negative sign</i></a> of
+   "\2D" ("-" hyphen-minus). The counter style's <a href="#algorithm"><i
    title=counter-algorithm>algorithm</i></a> is constructed by consulting the
-   previous chapter using the provided type - or ‘<a href="#symbolic"><code
-   class=css>symbolic</code></a>’ if the type was omitted - and the
-   provided &lt;string>s and &lt;image>s as the value of the ‘<a
-   href="#descdef-symbols"><code class=property>symbols</code></a>’
-   property. If the type is ‘<a href="#fixed"><code
-   class=css>fixed</code></a>’, the <a href="#first-symbol-value"><i>first
-   symbol value</i></a> is ‘<code class=css>1</code>’.
+   previous chapter using the provided type — or ‘<a
+   href="#symbolic"><code class=css>symbolic</code></a>’ if the type was
+   omitted — and the provided &lt;string>s and &lt;image>s as the value of
+   the ‘<a href="#descdef-symbols"><code
+   class=property>symbols</code></a>’ property. If the type is ‘<a
+   href="#fixed"><code class=css>fixed</code></a>’, the <a
+   href="#first-symbol-value"><i>first symbol value</i></a> is ‘<code
+   class=css>1</code>’.
 
   <div class=example>
    <p> This code:
@@ -1337,7 +1335,7 @@ <h2 id=symbols-function><span class=secno>4. </span> Defining Anonymous
 
    <p> On the other hand, specifying the type of counter, like so:
 
-   <pre>ol { list-style: symbols(repeating "*" "\2020" "\2021" "\A7"); }</pre>
+   <pre>ol { list-style: symbols(cyclic "*" "\2020" "\2021" "\A7"); }</pre>
 
    <p> will produce lists that look like:
 

css-counter-styles/Overview.src.html

@@ -900,12 +900,8 @@ <h2 id='symbols-function'>
 Defining Anonymous Counter Styles: the ''symbols()'' function</h2>
 
 	<p>
-		The previous chapter specified a way to define custom counter styles.  
-		However, counter styles are sometimes used only once in a stylesheet, 
-		and defining a full ''@counter-style'' rule can be overkill for this case 
-		(not to mention the possibility of unintentional name collisions).  
-		To address this case, 
-		the ''symbols()'' function provides a simple way to define an anonymous counter style as an inline value.  
+		The ''symbols()'' function allows a <i>counter style</i> to be defined inline in a property value,
+		for when a style is used only once in a stylesheet and defining a full ''@counter-style'' rule would be overkill.
 		It does not provide the full feature-set of the ''@counter-style'' rule, 
 		but provides a sufficient subset to still be useful.  
 		The syntax of the ''symbols()'' rule is:
@@ -921,12 +917,12 @@ <h2 id='symbols-function'>
 		with no <i title="counter-name">name</i>, 
 		a <i title="counter-prefix">prefix</i> 
 		and <i title="counter-suffix">suffix</i> of ''""'' (the empty string), 
-		a <i title="counter-range">range</i> from negative infinity to positive infinity, 
-		n <i title="counter-fallback">fallback style</i> of ''decimal'', 
+		a <i title="counter-range">range</i> of ''auto'', 
+		a <i title="counter-fallback">fallback style</i> of ''decimal'', 
 		and a <i title="counter-negative">negative sign</i> of "\2D" ("-" hyphen-minus).  
 		The counter style's <i title="counter-algorithm">algorithm</i> is constructed 
-		by consulting the previous chapter using the provided type 
-		- or ''symbolic'' if the type was omitted - 
+		by consulting the previous chapter using the provided type&nbsp;&mdash;
+		or ''symbolic'' if the type was omitted&nbsp;&mdash;
 		and the provided &lt;string>s and &lt;image>s as the value of the 'symbols' property.  
 		If the type is ''fixed'', the <i>first symbol value</i> is ''1''.
 
@@ -951,7 +947,7 @@ <h2 id='symbols-function'>
 		<p>
 			On the other hand, specifying the type of counter, like so:
 
-		<pre>ol { list-style: symbols(repeating "*" "\2020" "\2021" "\A7"); }</pre>
+		<pre>ol { list-style: symbols(cyclic "*" "\2020" "\2021" "\A7"); }</pre>
 
 		<p>
 			will produce lists that look like: