[css-transitions] Fix backwards shadow-list interp.

--HG--
extra : rebase_source : 0cf1e0686fa33a18b9fe33bfddddfcd625396e0c

Author: tabatkins

css-transitions/Overview.html

@@ -10,7 +10,7 @@
    rel=dcterms.rights>
   <meta content="CSS Transitions" name=dcterms.title>
   <meta content=text name=dcterms.type>
-  <meta content=2014-01-29 name=dcterms.date>
+  <meta content=2014-07-07 name=dcterms.date>
   <meta content="L. David Baron" name=dcterms.creator>
   <meta content=W3C name=dcterms.publisher>
   <meta content="http://dev.w3.org/csswg/css3-transitions/"
@@ -40,7 +40,7 @@
 
    <h1>CSS Transitions</h1>
 
-   <h2 class="no-num no-toc">Editor's Draft 29 January 2014</h2>
+   <h2 class="no-num no-toc">Editor's Draft 7 July 2014</h2>
 
    <dl>
     <dt>This version:
@@ -549,7 +549,7 @@ <h3 id=transition-duration-property><span class=secno>2.2. </span><a
    href="#transition-duration"><code
    class=property>transition-duration</code></a>’ renders the declaration
    invalid.</p>
-  <!-- =======================================================================================================   
+  <!-- =======================================================================================================
         -->
 
   <h3 id=transition-timing-function-property><span class=secno>2.3. </span><a
@@ -1390,11 +1390,15 @@ <h2 id=animatable-types><span class=secno>6. </span><a
     the list is interpolated via the color (as <a
     href="#animtype-color">color</a>) component, and x, y, blur, and (when
     appropriate) spread (as <a href="#animtype-length">length</a>)
-    components. For each shadow, if one input shadow is ‘<code
-    class=css>inset</code>’ and the other is not, then the result for that
-    shadow matches the inputs; otherwise the entire list is not interpolable.
-    If the lists of shadows have different lengths, then the shorter list is
-    padded at the end with shadows whose color is ‘<code
+    components. For each shadow, if both input shadows are ‘<code
+    class=property>inset</code>’ or both input shadows are not ‘<code
+    class=property>inset</code>’, then the interpolated shadow must match
+    the input shadows in that regard. If any pair of input shadows has one
+    ‘<code class=property>inset</code>’ and the other not ‘<code
+    class=property>inset</code>’, the entire <a
+    href="#animtype-shadow-list">shadow-list</a> is uninterpolable. If the
+    lists of shadows have different lengths, then the shorter list is padded
+    at the end with shadows whose color is ‘<code
     class=css>transparent</code>’, all lengths are ‘<code
     class=css>0</code>’, and whose ‘<code class=css>inset</code>’ (or
     not) matches the longer list.
@@ -1800,7 +1804,7 @@ <h2 id=acknowledgments><span class=secno>9. </span>Acknowledgments</h2>
 
   <p>Thanks especially to the feedback from Tab Atkins, Carine Bournez, Aryeh
    Gregor, Vincent Hardy, Anne van Kesteren, Cameron McCormack, Alex
-   Mogilevsky, and all the rest of the <a
+   Mogilevsky, Jasper St. Pierre, and all the rest of the <a
    href="http://lists.w3.org/Archives/Public/www-style/">www-style</a>
    community.
 

css-transitions/Overview.src.html

@@ -113,7 +113,7 @@ <h2 id="transitions"><a title="" id="transitions-">Transitions</a></h2>
         Transitions are a presentational effect. The computed value of a property transitions over time from the old value to the new value. Therefore if a script queries the computed style of a property as it is transitioning, it will see an intermediate value that represents the current animated value of the property.
       </p>
       <p>
-        Only animatable CSS properties can be transitioned. See the table at the end of this document for a list 
+        Only animatable CSS properties can be transitioned. See the table at the end of this document for a list
         of properties that are animatable.
       </p>
       <p>
@@ -178,7 +178,7 @@ <h2 id="transitions"><a title="" id="transitions-">Transitions</a></h2>
       second duration, a transition on the 'top' property of 2 seconds duration and a
       transition on the 'width' property of 1
       second duration.
-      
+
       </div>
 
       <p>
@@ -431,7 +431,7 @@ <h3 id="transition-duration-property"><a title="" id="the-transition-duration-pr
         This property specifies how long the transition from the old value to the new value should take. By default the value is ''0s'', meaning that the transition is immediate (i.e. there will be no animation). A negative value for 'transition-duration' renders the declaration invalid.
       </p>
 
-      <!-- =======================================================================================================   
+      <!-- =======================================================================================================
         -->
 
       <h3 id="transition-timing-function-property"><a title="" id="transition-timing-function_tag">
@@ -446,10 +446,10 @@ <h3 id="transition-timing-function-property"><a title="" id="transition-timing-f
         used.
       </p>
       <p>
-        Timing functions are either defined as a stepping function or 
+        Timing functions are either defined as a stepping function or
         a <a
         href="http://en.wikipedia.org/wiki/B%C3%A9zier_curve#Cubic_B.C3.A9zier_curves">cubic
-        B&eacute;zier curve</a>. 
+        B&eacute;zier curve</a>.
         The timing function takes as its input
         the current elapsed percentage of the transition duration
         and outputs the percentage of the way the transition is
@@ -1452,9 +1452,11 @@ <h2 id="animatable-types"><a title="" id="animation-of-property-types-">
           color (as <a href="#animtype-color">color</a>) component,
           and x, y, blur, and (when appropriate) spread
           (as <a href="#animtype-length">length</a>) components.
-          For each shadow, if one input shadow is ''inset'' and the other
-          is not, then the result for that shadow matches the inputs;
-          otherwise the entire list is not interpolable.
+          For each shadow, if both input shadows are 'inset'
+          or both input shadows are not 'inset',
+          then the interpolated shadow must match the input shadows in that regard.
+          If any pair of input shadows has one 'inset' and the other not 'inset',
+          the entire <a href="#animtype-shadow-list">shadow-list</a> is uninterpolable.
           If the lists of shadows have different lengths,
           then the shorter list is padded at the end
           with shadows whose color is ''transparent'',
@@ -1777,6 +1779,7 @@ <h2 id="acknowledgments">Acknowledgments</h2>
 Anne van Kesteren,
 Cameron McCormack,
 Alex Mogilevsky,
+Jasper St. Pierre,
 and all the rest of the
 <a href="http://lists.w3.org/Archives/Public/www-style/">www-style</a> community.</p>