[css-backgrounds] Move bg-color to beginning of final layer per https://lists.w3.org/Archives/Public/www-style/2015Jan/0406.html even though this is silly (as leaverou mentions in the minutes)

Author: fantasai

css-backgrounds/Overview.html

@@ -1858,14 +1858,14 @@ <h3 id=the-background><span class=secno>3.10. </span>Backgrounds Shorthand:
    href="#box"><var>&lt;box&gt;</var></a></pre>
 
   <pre class=prod><dfn
-   id=final-bg-layer><var>&lt;final-bg-layer&gt;</var></dfn> = <a
+   id=final-bg-layer><var>&lt;final-bg-layer&gt;</var></dfn> =  <var>&lt;'background-color'&gt;</var> || <a
    href="#bg-image"><var>&lt;bg-image&gt;</var></a> || <a
    href="#position"><var>&lt;position&gt;</var></a> [ / <a
    href="#bg-size"><var>&lt;bg-size&gt;</var></a> ]? || <a
    href="#repeat-style"><var>&lt;repeat-style&gt;</var></a> || <a
    href="#attachment"><var>&lt;attachment&gt;</var></a> || <a
    href="#box"><var>&lt;box&gt;</var></a> || <a
-   href="#box"><var>&lt;box&gt;</var></a> || <var>&lt;'background-color'&gt;</var></pre>
+   href="#box"><var>&lt;box&gt;</var></a></pre>
 
   <p class=note>Note that a color is permitted in <a
    href="#final-bg-layer"><var>&lt;final-bg-layer&gt;</var></a>, but not
@@ -4508,6 +4508,11 @@ <h3 id=changes-2014-09><span class=secno>9.1. </span> Changes since the 9
    <li>Added missing definition of ‘<code class=css>box-shadow:
     none</code>’. (Apparently this was obvious enough that nobody noticed
     it was missing until now.)
+
+   <li>Moved <var>&lt;‘<a href="#background-color"><code
+    class=property>background-color</code></a>’></var> component of
+    <var>&lt;final-bg-layer></var> to the front for serialization because
+    some authors seem to expect this even though it makes less sense?
   </ul>
 
   <h3 id=changes-2014-02><span class=secno>9.2. </span> Changes since the 4

css-backgrounds/Overview.src.html

@@ -1244,7 +1244,7 @@ <h3 id="the-background">Backgrounds Shorthand: the 'background' property</h3>
 
 <pre class=prod><dfn><var>&lt;bg-layer&gt;</var></dfn> = <var>&lt;bg-image&gt;</var> || <var>&lt;position&gt;</var> [ / <var>&lt;bg-size&gt;</var> ]? || <var>&lt;repeat-style&gt;</var> || <var>&lt;attachment&gt;</var> || <var>&lt;box&gt;</var> || <var>&lt;box&gt;</var></pre>
 
-<pre class=prod><dfn><var>&lt;final-bg-layer&gt;</var></dfn> = <var>&lt;bg-image&gt;</var> || <var>&lt;position&gt;</var> [ / <var>&lt;bg-size&gt;</var> ]? || <var>&lt;repeat-style&gt;</var> || <var>&lt;attachment&gt;</var> || <var>&lt;box&gt;</var> || <var>&lt;box&gt;</var> || <var>&lt;'background-color'&gt;</var></pre>
+<pre class=prod><dfn><var>&lt;final-bg-layer&gt;</var></dfn> =  <var>&lt;'background-color'&gt;</var> || <var>&lt;bg-image&gt;</var> || <var>&lt;position&gt;</var> [ / <var>&lt;bg-size&gt;</var> ]? || <var>&lt;repeat-style&gt;</var> || <var>&lt;attachment&gt;</var> || <var>&lt;box&gt;</var> || <var>&lt;box&gt;</var></pre>
 
 <p class=note>Note that a color is permitted in
 <var>&lt;final-bg-layer&gt;</var>, but not in <var>&lt;bg-layer&gt;</var>.
@@ -3264,6 +3264,8 @@ <h3 id="changes-2014-09">
 <ul>
   <li>Added missing definition of ''box-shadow: none''.
   (Apparently this was obvious enough that nobody noticed it was missing until now.)
+  <li>Moved <var>&lt;'background-color'></var> component of <var>&lt;final-bg-layer></var> to the front for serialization
+  because some authors seem to expect this even though it makes less sense?
 </ul>
 
 <h3 id="changes-2014-02">