Mercurial > drafts / changeset

     1.1 --- a/css3-transitions/Overview.html	Sun Feb 03 23:57:22 2013 -0700
     1.2 +++ b/css3-transitions/Overview.html	Mon Feb 04 00:02:16 2013 -0700
     1.3 @@ -10,11 +10,11 @@
     1.4     rel=dcterms.rights>
     1.5    <meta content="CSS Transitions" name=dcterms.title>
     1.6    <meta content=text name=dcterms.type>
     1.7 -  <meta content=2013-02-03 name=dcterms.issued>
     1.8 +  <meta content=2013-02-04 name=dcterms.issued>
     1.9    <meta content="http://dev.w3.org/csswg/css3-transitions/"
    1.10     name=dcterms.creator>
    1.11    <meta content=W3C name=dcterms.publisher>
    1.12 -  <meta content="http://www.w3.org/TR/2013/ED-css3-transitions-20130203/"
    1.13 +  <meta content="http://www.w3.org/TR/2013/ED-css3-transitions-20130204/"
    1.14     name=dcterms.identifier>
    1.15    <meta content="text/html; charset=utf-8" http-equiv=Content-Type>
    1.16    <link href="../default.css" rel=stylesheet type="text/css">
    1.17 @@ -38,15 +38,15 @@
    1.18  
    1.19     <h1>CSS Transitions</h1>
    1.20  
    1.21 -   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 3 February
    1.22 +   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 4 February
    1.23      2013</h2>
    1.24  
    1.25     <dl>
    1.26      <dt>This version:
    1.27  
    1.28 -    <dd> <a href="http://www.w3.org/TR/2013/ED-css3-transitions-20130203/">
    1.29 +    <dd> <a href="http://www.w3.org/TR/2013/ED-css3-transitions-20130204/">
    1.30       http://dev.w3.org/csswg/css3-transitions/</a>
    1.31 -     <!--http://www.w3.org/TR/2013/WD-css3-transitions-20130203/-->
    1.32 +     <!--http://www.w3.org/TR/2013/WD-css3-transitions-20130204/-->
    1.33  
    1.34      <dt>Latest version:
    1.35  
    1.36 @@ -1345,10 +1345,11 @@
    1.37    <h3 id=animatable-css><span class=secno>7.1. </span><a
    1.38     id=properties-from-css-> Properties from CSS </a></h3>
    1.39  
    1.40 -  <p class=issue>Need to define what listing comma-separated things here
    1.41 -   means. In particular, that they only apply when both values fit the type,
    1.42 -   and that if one of the values is a type not listed, or if two of the
    1.43 -   values are different types, then the two values cannot be interpolated.
    1.44 +  <p>The following properties are animatable when both the from and the to
    1.45 +   values of the property have the type described. When multiple types are
    1.46 +   listed, both values must be of the same type. (When a composite type such
    1.47 +   as "length, percentage, or calc" is listed, this means that both values
    1.48 +   must fit into that composite type.)
    1.49  
    1.50    <table class=animatable-properties>
    1.51     <tbody>
    1.52 @@ -1365,7 +1366,7 @@
    1.53      <tr>
    1.54       <td>background-position
    1.55  
    1.56 -     <td>percentage, length
    1.57 +     <td>length, percentage, or calc
    1.58  
    1.59      <tr>
    1.60       <td>border-bottom-color
    1.61 @@ -1415,7 +1416,7 @@
    1.62      <tr>
    1.63       <td>bottom
    1.64  
    1.65 -     <td>length, percentage
    1.66 +     <td>length, percentage, or calc
    1.67  
    1.68      <tr>
    1.69       <td>clip
    1.70 @@ -1437,7 +1438,7 @@
    1.71      <tr>
    1.72       <td>font-size
    1.73  
    1.74 -     <td>length, percentage
    1.75 +     <td>length, percentage, or calc
    1.76  
    1.77      <tr>
    1.78       <td>font-weight
    1.79 @@ -1447,12 +1448,12 @@
    1.80      <tr>
    1.81       <td>height
    1.82  
    1.83 -     <td>length, percentage
    1.84 +     <td>length, percentage, or calc
    1.85  
    1.86      <tr>
    1.87       <td>left
    1.88  
    1.89 -     <td>length, percentage
    1.90 +     <td>length, percentage, or calc
    1.91  
    1.92      <tr>
    1.93       <td>letter-spacing
    1.94 @@ -1462,7 +1463,12 @@
    1.95      <tr>
    1.96       <td>line-height
    1.97  
    1.98 -     <td>number, length, percentage
    1.99 +     <td>
   1.100 +      <ul>
   1.101 +       <li>number
   1.102 +
   1.103 +       <li>length, percentage, or calc
   1.104 +      </ul>
   1.105  
   1.106      <tr>
   1.107       <td>margin-bottom
   1.108 @@ -1487,22 +1493,22 @@
   1.109      <tr>
   1.110       <td>max-height
   1.111  
   1.112 -     <td>length, percentage
   1.113 +     <td>length, percentage, or calc
   1.114  
   1.115      <tr>
   1.116       <td>max-width
   1.117  
   1.118 -     <td>length, percentage
   1.119 +     <td>length, percentage, or calc
   1.120  
   1.121      <tr>
   1.122       <td>min-height
   1.123  
   1.124 -     <td>length, percentage
   1.125 +     <td>length, percentage, or calc
   1.126  
   1.127      <tr>
   1.128       <td>min-width
   1.129  
   1.130 -     <td>length, percentage
   1.131 +     <td>length, percentage, or calc
   1.132  
   1.133      <tr>
   1.134       <td>opacity
   1.135 @@ -1547,12 +1553,12 @@
   1.136      <tr>
   1.137       <td>right
   1.138  
   1.139 -     <td>length, percentage
   1.140 +     <td>length, percentage, or calc
   1.141  
   1.142      <tr>
   1.143       <td>text-indent
   1.144  
   1.145 -     <td>length, percentage
   1.146 +     <td>length, percentage, or calc
   1.147  
   1.148      <tr>
   1.149       <td>text-shadow
   1.150 @@ -1562,12 +1568,12 @@
   1.151      <tr>
   1.152       <td>top
   1.153  
   1.154 -     <td>length, percentage
   1.155 +     <td>length, percentage, or calc
   1.156  
   1.157      <tr>
   1.158       <td>vertical-align
   1.159  
   1.160 -     <td>length, percentage
   1.161 +     <td>length, percentage, or calc
   1.162  
   1.163      <tr>
   1.164       <td>visibility
   1.165 @@ -1577,12 +1583,12 @@
   1.166      <tr>
   1.167       <td>width
   1.168  
   1.169 -     <td>length, percentage
   1.170 +     <td>length, percentage, or calc
   1.171  
   1.172      <tr>
   1.173       <td>word-spacing
   1.174  
   1.175 -     <td>length, percentage
   1.176 +     <td>length, percentage, or calc
   1.177  
   1.178      <tr>
   1.179       <td>z-index

     2.1 --- a/css3-transitions/Overview.src.html	Sun Feb 03 23:57:22 2013 -0700
     2.2 +++ b/css3-transitions/Overview.src.html	Mon Feb 04 00:02:16 2013 -0700
     2.3 @@ -1385,11 +1385,12 @@
     2.4          Properties from CSS
     2.5        </a></h3>
     2.6  
     2.7 -      <p class="issue">Need to define what listing comma-separated
     2.8 -      things here means.  In particular, that they only apply when
     2.9 -      both values fit the type, and that if one of the values is a
    2.10 -      type not listed, or if two of the values are different types,
    2.11 -      then the two values cannot be interpolated.</p>
    2.12 +      <p>The following properties are animatable when both the from and
    2.13 +      the to values of the property have the type described.
    2.14 +      When multiple types are listed, both values must be of the same type.
    2.15 +      (When a composite type such as "length, percentage, or calc" is listed,
    2.16 +      this means that both values must fit into that composite
    2.17 +      type.)</p>
    2.18  
    2.19       <table class="animatable-properties">
    2.20         <tr>
    2.21 @@ -1399,7 +1400,7 @@
    2.22         <tr>
    2.23           <td>background-color</td><td>color</tr>
    2.24         <tr>
    2.25 -         <td>background-position</td><td>percentage, length</td>
    2.26 +         <td>background-position</td><td>length, percentage, or calc</td>
    2.27         </tr>
    2.28         <tr>
    2.29           <td>border-bottom-color</td><td>color</td>
    2.30 @@ -1429,7 +1430,7 @@
    2.31           <td>border-top-width</td><td>length</td>
    2.32         </tr>
    2.33         <tr>
    2.34 -         <td>bottom</td><td>length, percentage</td>
    2.35 +         <td>bottom</td><td>length, percentage, or calc</td>
    2.36         </tr>
    2.37         <tr>
    2.38           <td>clip</td><td>rectangle</td>
    2.39 @@ -1441,22 +1442,22 @@
    2.40           <td>crop <span class="issue">css3-content will likely advance slower than this specification, in which case this definition should move there</span></td><td>rectangle</td>
    2.41         </tr>
    2.42         <tr>
    2.43 -         <td>font-size</td><td>length, percentage</td>
    2.44 +         <td>font-size</td><td>length, percentage, or calc</td>
    2.45         </tr>
    2.46         <tr>
    2.47           <td>font-weight</td><td>font weight</td>
    2.48         </tr>
    2.49         <tr>
    2.50 -         <td>height</td><td>length, percentage</td>
    2.51 +         <td>height</td><td>length, percentage, or calc</td>
    2.52         </tr>
    2.53         <tr>
    2.54 -         <td>left</td><td>length, percentage</td>
    2.55 +         <td>left</td><td>length, percentage, or calc</td>
    2.56         </tr>
    2.57         <tr>
    2.58           <td>letter-spacing</td><td>length</td>
    2.59         </tr>
    2.60         <tr>
    2.61 -         <td>line-height</td><td>number, length, percentage</td>
    2.62 +         <td>line-height</td><td><ul><li>number</li><li>length, percentage, or calc</li></ul></td>
    2.63         </tr>
    2.64         <tr>
    2.65           <td>margin-bottom</td><td>length</td>
    2.66 @@ -1471,16 +1472,16 @@
    2.67           <td>margin-top</td><td>length</td>
    2.68         </tr>
    2.69         <tr>
    2.70 -         <td>max-height</td><td>length, percentage</td>
    2.71 +         <td>max-height</td><td>length, percentage, or calc</td>
    2.72         </tr>
    2.73         <tr>
    2.74 -         <td>max-width</td><td>length, percentage </td>
    2.75 +         <td>max-width</td><td>length, percentage, or calc </td>
    2.76         </tr>
    2.77         <tr>
    2.78 -         <td>min-height</td><td>length, percentage</td>
    2.79 +         <td>min-height</td><td>length, percentage, or calc</td>
    2.80         </tr>
    2.81         <tr>
    2.82 -         <td>min-width</td><td>length, percentage</td>
    2.83 +         <td>min-width</td><td>length, percentage, or calc</td>
    2.84         </tr>
    2.85         <tr>
    2.86           <td>opacity</td><td>number</td>
    2.87 @@ -1507,28 +1508,28 @@
    2.88           <td>padding-top</td><td>length</td>
    2.89         </tr>
    2.90         <tr>
    2.91 -         <td>right</td><td>length, percentage</td>
    2.92 +         <td>right</td><td>length, percentage, or calc</td>
    2.93         </tr>
    2.94         <tr>
    2.95 -         <td>text-indent</td><td>length, percentage</td>
    2.96 +         <td>text-indent</td><td>length, percentage, or calc</td>
    2.97         </tr>
    2.98         <tr>
    2.99           <td>text-shadow</td><td>shadow</td>
   2.100         </tr>
   2.101         <tr>
   2.102 -         <td>top</td><td>length, percentage</td>
   2.103 +         <td>top</td><td>length, percentage, or calc</td>
   2.104         </tr>
   2.105         <tr>
   2.106 -         <td>vertical-align</td><td>length, percentage</td>
   2.107 +         <td>vertical-align</td><td>length, percentage, or calc</td>
   2.108         </tr>
   2.109         <tr>
   2.110           <td>visibility</td><td>visibility</td>
   2.111         </tr>
   2.112         <tr>
   2.113 -         <td>width</td><td>length, percentage</td>
   2.114 +         <td>width</td><td>length, percentage, or calc</td>
   2.115         </tr>
   2.116         <tr>
   2.117 -         <td>word-spacing</td><td>length, percentage</td>
   2.118 +         <td>word-spacing</td><td>length, percentage, or calc</td>
   2.119         </tr>
   2.120         <tr>
   2.121           <td>z-index</td><td>integer</td>