# HG changeset patch
# User Dirk Schulze <dschulze@adobe.com>
# Date 1364238372 25200
# Node ID 546a3f53d20e1dd14824d46a51a817f172bcc6af
# Parent  586efdae1e9b40d401ff5d2a43af7603576a8c10
[css3-transforms] Fix syntax of transform-origin/perspective-origin properties.

diff -r 586efdae1e9b -r 546a3f53d20e css3-transforms/ChangeLog
--- a/css3-transforms/ChangeLog	Sat Mar 23 14:59:10 2013 -0700
+++ b/css3-transforms/ChangeLog	Mon Mar 25 12:06:12 2013 -0700
@@ -1,3 +1,6 @@
+2013-03-25  Dirk Schulze  <dschulze@adobe.com>
+    Fix syntax of transform-origin/perspective-origin properties.
+
 2013-03-11  Dirk Schulze  <dschulze@adobe.com>
     Add conformance section.
 
diff -r 586efdae1e9b -r 546a3f53d20e css3-transforms/Overview.html
--- a/css3-transforms/Overview.html	Sat Mar 23 14:59:10 2013 -0700
+++ b/css3-transforms/Overview.html	Mon Mar 25 12:06:12 2013 -0700
@@ -7,17 +7,20 @@
   <meta content="text/html; charset=utf-8" http-equiv=Content-Type>
   <title>CSS Transforms</title>
 
-  <link href="http://purl.org/dc/terms/" rel=schema.dcterms>
+  <link href="http://purl.org/dc/terms/" rel=schema.dc>
   <link href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
-   rel=dcterms.rights>
-  <meta content="CSS Transforms" name=dcterms.title>
-  <meta content=text name=dcterms.type>
-  <meta content=2013-03-12 name=dcterms.issued>
+   rel=dc.rights>
+  <meta content="CSS Transforms" name=dc.title>
+  <meta content=text name=dc.type>
+  <meta content=2013-03-25 name=dc.date>
+  <meta content="Simon Fraser" name=dc.creator>
+  <meta content="Dean Jackson" name=dc.creator>
+  <meta content="Edward O'Connor" name=dc.creator>
+  <meta content="Dirk Schulze" name=dc.creator>
+  <meta content="Aryeh Gregor" name=dc.creator>
+  <meta content=W3C name=dc.publisher>
   <meta content="http://dev.w3.org/csswg/css3-transforms/"
-   name=dcterms.creator>
-  <meta content=W3C name=dcterms.publisher>
-  <meta content="http://dev.w3.org/csswg/css3-transforms/"
-   name=dcterms.identifier>
+   name=dc.identifier>
   <link href="../default.css" rel=stylesheet type="text/css">
   <script defer=defer
    src="http://test.csswg.org/harness/annotate.js#CSS3-TRANSFORMS_DEV"
@@ -37,14 +40,14 @@
 
    <h1>CSS Transforms</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 12 March 2013</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 25 March 2013</h2>
 
    <dl>
     <dt>This version:
 
     <dd> <a
      href="http://dev.w3.org/csswg/css3-transforms/">http://dev.w3.org/csswg/css3-transforms/</a>
-     <!--http://www.w3.org/TR/2013/WD-css3-transforms-20130312/-->
+     <!--http://www.w3.org/TR/2013/WD-css3-transforms-20130325/-->
 
     <dt>Latest version:
 
@@ -1387,14 +1390,13 @@
     <tr>
      <td> <em>Value:</em>
 
-     <td> [ &lt;percentage> | &lt;length> | left | center | right | top |
-      bottom]<br>
+     <td>   [ left | center | right | top | bottom |
+      <var>&lt;percentage></var> | <var>&lt;length></var> ]<br>
       |<br>
-      [<br>
-        [ &lt;percentage> | &lt;length&gt; | left | center | right ]<br>
-        &amp;&amp;<br>
-        [ &lt;percentage> | &lt;length&gt; | top | center | bottom ]<br>
-      ] &lt;length&gt;?<br>
+        [ left | center | right | <var>&lt;percentage></var> |
+      <var>&lt;length></var> ]<br>
+        [ top | center | bottom | <var>&lt;percentage></var> |
+      <var>&lt;length></var> ] <var>&lt;length></var>?
 
     <tr>
      <td> <em>Initial:</em>
@@ -1480,30 +1482,35 @@
      and vertical offset represent an offset from the point of origin of the
      element's local coordinate space.
 
-   <dt><dfn id=top title="''top''!!'transform-origin' value">‘<code
+   <dt><dfn id=lsquotoprsquo
+    title="''top''!!'transform-origin' value">‘<code
     class=css>top</code>’</dfn>
 
    <dd>Computes to ‘<code class=css>0%</code>’ for the vertical position.
 
-   <dt><dfn id=right title="''right''!!'transform-origin' value">‘<code
+   <dt><dfn id=lsquorightrsquo
+    title="''right''!!'transform-origin' value">‘<code
     class=css>right</code>’</dfn>
 
    <dd>Computes to ‘<code class=css>100%</code>’ for the horizontal
     position.
 
-   <dt><dfn id=bottom title="''bottom''!!'transform-origin' value">‘<code
+   <dt><dfn id=lsquobottomrsquo
+    title="''bottom''!!'transform-origin' value">‘<code
     class=css>bottom</code>’</dfn>
 
    <dd>Computes to ‘<code class=css>100%</code>’ for the vertical
     position.
 
-   <dt><dfn id=left title="''left''!!'transform-origin' value">‘<code
+   <dt><dfn id=lsquoleftrsquo
+    title="''left''!!'transform-origin' value">‘<code
     class=css>left</code>’</dfn>
 
    <dd>Computes to ‘<code class=css>0%</code>’ for the horizontal
     position.
 
-   <dt><dfn id=center title="''center''!!'transform-origin' value">‘<code
+   <dt><dfn id=lsquocenterrsquo
+    title="''center''!!'transform-origin' value">‘<code
     class=css>center</code>’</dfn>
 
    <dd>Computes to ‘<code class=css>50%</code>’ (‘<code class=css>left
@@ -1693,14 +1700,13 @@
     <tr>
      <td> <em>Value:</em>
 
-     <td> [ &lt;percentage> | &lt;length> | left | center | right | top |
-      bottom]<br>
+     <td>   [ left | center | right | top | bottom |
+      <var>&lt;percentage></var> | <var>&lt;length></var> ]<br>
       |<br>
-      [<br>
-        [ &lt;percentage> | &lt;length&gt; | left | center | right ]<br>
-        &amp;&amp;<br>
-        [ &lt;percentage> | &lt;length&gt; | top | center | bottom ]<br>
-      ]<br>
+        [ left | center | right | <var>&lt;percentage></var> |
+      <var>&lt;length></var> ]<br>
+        [ top | center | bottom | <var>&lt;percentage></var> |
+      <var>&lt;length></var> ]
 
     <tr>
      <td> <em>Initial:</em>
@@ -1780,31 +1786,34 @@
      horizontal and vertical offset represent an offset from the top left
      corner of the <a href="#bounding-box"><var>bounding box</var></a>.
 
-   <dt><dfn id=top0 title="''top''!!'perspective-origin' value">‘<code
+   <dt><dfn id=lsquotoprsquo0
+    title="''top''!!'perspective-origin' value">‘<code
     class=css>top</code>’</dfn>
 
    <dd>Computes to ‘<code class=css>0%</code>’ for the vertical position.
 
-   <dt><dfn id=right0 title="''right''!!'perspective-origin' value">‘<code
+   <dt><dfn id=lsquorightrsquo0
+    title="''right''!!'perspective-origin' value">‘<code
     class=css>right</code>’</dfn>
 
    <dd>Computes to ‘<code class=css>100%</code>’ for the horizontal
     position.
 
-   <dt><dfn id=bottom0
+   <dt><dfn id=lsquobottomrsquo0
     title="''bottom''!!'perspective-origin' value">‘<code
     class=css>bottom</code>’</dfn>
 
    <dd>Computes to ‘<code class=css>100%</code>’ for the vertical
     position.
 
-   <dt><dfn id=left0 title="''left''!!'perspective-origin' value">‘<code
+   <dt><dfn id=lsquoleftrsquo0
+    title="''left''!!'perspective-origin' value">‘<code
     class=css>left</code>’</dfn>
 
    <dd>Computes to ‘<code class=css>0%</code>’ for the horizontal
     position.
 
-   <dt><dfn id=center0
+   <dt><dfn id=lsquocenterrsquo0
     title="''center''!!'perspective-origin' value">‘<code
     class=css>center</code>’</dfn>
 
@@ -3620,10 +3629,10 @@
     <tr>
      <th><a class=property href="#perspective-origin">perspective-origin</a>
 
-     <td>[ &lt;percentage> | &lt;length> | left | center | right | top |
-      bottom] | [   [ &lt;percentage> | &lt;length&gt; | left | center |
-      right ]   &amp;&amp;   [ &lt;percentage> | &lt;length&gt; | top |
-      center | bottom ] ]
+     <td>  [ left | center | right | top | bottom | &lt;percentage> |
+      &lt;length> ] |   [ left | center | right | &lt;percentage> |
+      &lt;length> ]   [ top | center | bottom | &lt;percentage> |
+      &lt;length> ]
 
      <td>50% 50%
 
@@ -3653,10 +3662,10 @@
     <tr>
      <th><a class=property href="#transform-origin">transform-origin</a>
 
-     <td>[ &lt;percentage> | &lt;length> | left | center | right | top |
-      bottom] | [   [ &lt;percentage> | &lt;length&gt; | left | center |
-      right ]   &amp;&amp;   [ &lt;percentage> | &lt;length&gt; | top |
-      center | bottom ] ] &lt;length&gt;?
+     <td>  [ left | center | right | top | bottom | &lt;percentage> |
+      &lt;length> ] |   [ left | center | right | &lt;percentage> |
+      &lt;length> ]   [ top | center | bottom | &lt;percentage> |
+      &lt;length> ] &lt;length>?
 
      <td>50% 50%
 
@@ -3702,28 +3711,24 @@
    <li>backface-visibility, <a href="#backface-visibility"
     title="section 12."><strong>12.</strong></a>
 
-   <li>‘<code class=css>bottom</code>’
+   <li>''bottom''
     <ul>
-     <li>‘<a href="#perspective-origin"><code
-      class=property>perspective-origin</code></a>’ value, <a
-      href="#bottom0" title="section 11."><strong>11.</strong></a>
-
-     <li>‘<a href="#transform-origin"><code
-      class=property>transform-origin</code></a>’ value, <a href="#bottom"
+     <li>'perspective-origin' value, <a href="#lsquobottomrsquo0"
+      title="section 11."><strong>11.</strong></a>
+
+     <li>'transform-origin' value, <a href="#lsquobottomrsquo"
       title="section 8."><strong>8.</strong></a>
     </ul>
 
    <li>bounding box, <a href="#bounding-box"
     title="section 4."><strong>4.</strong></a>
 
-   <li>‘<code class=css>center</code>’
+   <li>''center''
     <ul>
-     <li>‘<a href="#perspective-origin"><code
-      class=property>perspective-origin</code></a>’ value, <a
-      href="#center0" title="section 11."><strong>11.</strong></a>
-
-     <li>‘<a href="#transform-origin"><code
-      class=property>transform-origin</code></a>’ value, <a href="#center"
+     <li>'perspective-origin' value, <a href="#lsquocenterrsquo0"
+      title="section 11."><strong>11.</strong></a>
+
+     <li>'transform-origin' value, <a href="#lsquocenterrsquo"
       title="section 8."><strong>8.</strong></a>
     </ul>
 
@@ -3734,14 +3739,12 @@
    <li>identity transform function, <a href="#identity-transform-function"
     title="section 4."><strong>4.</strong></a>
 
-   <li>‘<code class=css>left</code>’
+   <li>''left''
     <ul>
-     <li>‘<a href="#perspective-origin"><code
-      class=property>perspective-origin</code></a>’ value, <a href="#left0"
+     <li>'perspective-origin' value, <a href="#lsquoleftrsquo0"
       title="section 11."><strong>11.</strong></a>
 
-     <li>‘<a href="#transform-origin"><code
-      class=property>transform-origin</code></a>’ value, <a href="#left"
+     <li>'transform-origin' value, <a href="#lsquoleftrsquo"
       title="section 8."><strong>8.</strong></a>
     </ul>
 
@@ -3760,14 +3763,12 @@
    <li>renderer, <a href="#renderer"
     title="section 22."><strong>22.</strong></a>
 
-   <li>‘<code class=css>right</code>’
+   <li>''right''
     <ul>
-     <li>‘<a href="#perspective-origin"><code
-      class=property>perspective-origin</code></a>’ value, <a
-      href="#right0" title="section 11."><strong>11.</strong></a>
-
-     <li>‘<a href="#transform-origin"><code
-      class=property>transform-origin</code></a>’ value, <a href="#right"
+     <li>'perspective-origin' value, <a href="#lsquorightrsquo0"
+      title="section 11."><strong>11.</strong></a>
+
+     <li>'transform-origin' value, <a href="#lsquorightrsquo"
       title="section 8."><strong>8.</strong></a>
     </ul>
 
@@ -3777,14 +3778,12 @@
       title="section 22."><strong>22.</strong></a>
     </ul>
 
-   <li>‘<code class=css>top</code>’
+   <li>''top''
     <ul>
-     <li>‘<a href="#perspective-origin"><code
-      class=property>perspective-origin</code></a>’ value, <a href="#top0"
+     <li>'perspective-origin' value, <a href="#lsquotoprsquo0"
       title="section 11."><strong>11.</strong></a>
 
-     <li>‘<a href="#transform-origin"><code
-      class=property>transform-origin</code></a>’ value, <a href="#top"
+     <li>'transform-origin' value, <a href="#lsquotoprsquo"
       title="section 8."><strong>8.</strong></a>
     </ul>
 
diff -r 586efdae1e9b -r 546a3f53d20e css3-transforms/Transforms.src.html
--- a/css3-transforms/Transforms.src.html	Sat Mar 23 14:59:10 2013 -0700
+++ b/css3-transforms/Transforms.src.html	Mon Mar 25 12:06:12 2013 -0700
@@ -1118,13 +1118,10 @@
                       <em>Value:</em>
                     </td>
                     <td>
-            [ &lt;percentage> | &lt;length> | left | center | right | top | bottom]<br>
-            |<br>
-            [<br>
-            &nbsp;&nbsp;[ &lt;percentage> | &lt;length&gt; | left | center | right ]<br>
-            &nbsp;&nbsp;&amp;&amp;<br>
-            &nbsp;&nbsp;[ &lt;percentage> | &lt;length&gt; | top | center | bottom ]<br>
-            ] &lt;length&gt;?<br>
+                      &nbsp;&nbsp;[ left | center | right | top | bottom | <var>&lt;percentage></var> | <var>&lt;length></var> ]<br>
+                      |<br>
+                      &nbsp;&nbsp;[ left | center | right | <var>&lt;percentage></var> | <var>&lt;length></var> ]<br>
+                      &nbsp;&nbsp;[ top | center | bottom | <var>&lt;percentage></var> | <var>&lt;length></var> ] <var>&lt;length></var>?
                     </td>
                   </tr>
                   <tr>
@@ -1492,13 +1489,10 @@
                       <em>Value:</em>
                     </td>
                     <td>
-            [ &lt;percentage> | &lt;length> | left | center | right | top | bottom]<br>
-            |<br>
-            [<br>
-            &nbsp;&nbsp;[ &lt;percentage> | &lt;length&gt; | left | center | right ]<br>
-            &nbsp;&nbsp;&amp;&amp;<br>
-            &nbsp;&nbsp;[ &lt;percentage> | &lt;length&gt; | top | center | bottom ]<br>
-            ]<br>
+                      &nbsp;&nbsp;[ left | center | right | top | bottom | <var>&lt;percentage></var> | <var>&lt;length></var> ]<br>
+                      |<br>
+                      &nbsp;&nbsp;[ left | center | right | <var>&lt;percentage></var> | <var>&lt;length></var> ]<br>
+                      &nbsp;&nbsp;[ top | center | bottom | <var>&lt;percentage></var> | <var>&lt;length></var> ]
                     </td>
                   </tr>
                   <tr>