Fix error in expanded grammar, simplify simple grammar for radial-gradient()

Author: fantasai

css3-images/Overview.html

@@ -861,12 +861,12 @@ <h4 class=no-toc id=radial-gradient-syntax><span class=secno>5.2.1. </span>
   <pre class=prod>
 <dfn
    id=ltradial-gradient>&lt;radial-gradient></dfn> = radial-gradient(
-  [ [ <a
-   href="#ltshapegt"><var>&lt;shape&gt;</var></a> , ] |
-    [ <a
+  [ <a
+   href="#ltshapegt"><var>&lt;shape&gt;</var></a> , |
+    <a
    href="#ltshapegt"><var>&lt;shape&gt;</var></a>? [ at <a
    href="#ltpositiongt"><var>&lt;position&gt;</var></a> || to <a
-   href="#ltextentgt"><var>&lt;extent&gt;</var></a> ] , ]
+   href="#ltextentgt"><var>&lt;extent&gt;</var></a> ] ,
   ]?
   <var>&lt;color-stop&gt;</var> [ , <var>&lt;color-stop&gt;</var> ]+
 )</pre>
@@ -980,10 +980,10 @@ <h4 class=no-toc id=radial-gradient-syntax><span class=secno>5.2.1. </span>
    class=css>radial-gradient()</code>&rsquo; is thus:
 
   <pre>&lt;radial-gradient> = radial-gradient(
-  [ [ [ circle | ellipse ]  , ] |
-    [ [ circle | ellipse ]? [ at &lt;position> || to &lt;extent-keyword> ] , ] |
-    [ circle? &lt;length>, ] |
-    [ ellipse? [&lt;length> | &lt;percentage>]{2} ]
+  [ [ circle | ellipse ]  , |
+    [ circle | ellipse ]? [ at &lt;position> || to &lt;extent-keyword> ] , |
+    circle?               [ at &lt;position> || to &lt;length> ] , |
+    ellipse?              [ at &lt;position> || to [&lt;length> | &lt;percentage>]{2} ] , 
   ]?
   &lt;color-stop> [ , &lt;color-stop> ]+
 )

css3-images/Overview.src.html

@@ -549,8 +549,8 @@ <h4 class='no-toc' id='radial-gradient-syntax'>
 
 	<pre class=prod>
 <dfn>&lt;radial-gradient></dfn> = radial-gradient(
-  [ [ <var>&lt;shape&gt;</var> , ] |
-    [ <var>&lt;shape&gt;</var>? [ at <var>&lt;position&gt;</var> || to <var>&lt;extent&gt;</var> ] , ]
+  [ <var>&lt;shape&gt;</var> , |
+    <var>&lt;shape&gt;</var>? [ at <var>&lt;position&gt;</var> || to <var>&lt;extent&gt;</var> ] ,
   ]?
   <var>&lt;color-stop&gt;</var> [ , <var>&lt;color-stop&gt;</var> ]+
 )</pre>
@@ -631,10 +631,10 @@ <h4 class='no-toc' id='radial-gradient-syntax'>
 
   <p>The expanded grammar for ''radial-gradient()'' is thus:
 <pre>&lt;radial-gradient> = radial-gradient(
-  [ [ [ circle | ellipse ]  , ] |
-    [ [ circle | ellipse ]? [ at &lt;position> || to &lt;extent-keyword> ] , ] |
-    [ circle? &lt;length>, ] |
-    [ ellipse? [&lt;length> | &lt;percentage>]{2} ]
+  [ [ circle | ellipse ]  , |
+    [ circle | ellipse ]? [ at &lt;position> || to &lt;extent-keyword> ] , |
+    circle?               [ at &lt;position> || to &lt;length> ] , |
+    ellipse?              [ at &lt;position> || to [&lt;length> | &lt;percentage>]{2} ] , 
   ]?
   &lt;color-stop> [ , &lt;color-stop> ]+
 )