[css-round-display] Modify the naming of keyword value used in 2d rotate function for polar coordinates

Author: Jihye Hong

css-round-display/Overview.bs

@@ -641,7 +641,7 @@ How to solve overflowing when an element has 'polar-anchor' value as '<code>top<
 <br><br>
 The two-dimensional rotation function <code><a href="http://www.w3.org/TR/css3-transforms/#funcdef-rotate">'rotate(<angle>)'</a></code> used in polar coordinates is extended as follows:
 <dl><dd>
-<code><a href="http://www.w3.org/TR/css3-transforms/#funcdef-rotate">rotate()</a> = rotate( <<angle>> | polar-angle | reverse-polar-angle)</code>
+<code><a href="http://www.w3.org/TR/css3-transforms/#funcdef-rotate">rotate()</a> = rotate( <<angle>> | polar-angle | polar-angle-reverse)</code>
 </dd></dl>
 Values have the following meanings:
 <dl>
@@ -651,7 +651,7 @@ Rotate an element by the value of 'polar-angle' property.
 </dd>
 </dl>
 <dl>
-<dt><var>reverse-polar-angle</var></dt>
+<dt><var>polar-angle-reverse</var></dt>
 <dd>
 Rotate an element by the angle of the 'polar-angle' property plus 180 degrees.
 </dd>
@@ -678,19 +678,19 @@ This example shows how the keyword value works in the 2d rotation function.
 		position: polar;
 		polar-angle: 135deg;
 		polar-distance: 90%;
-		transform: rotate(reverse-polar-angle);
+		transform: rotate(polar-angle-reverse);
 	}
 	#item4 {
 		position: polar;
 		polar-angle: 180deg;
 		polar-distance: 90%;
-		transform: rotate(reverse-polar-angle);
+		transform: rotate(polar-angle-reverse);
 	}
 	#item5 {
 		position: polar;
 		polar-angle: 225deg;
 		polar-distance: 90%;
-		transform: rotate(reverse-polar-angle);
+		transform: rotate(polar-angle-reverse);
 	}
 	#item6 {
 		position: polar;

css-round-display/Overview.html

@@ -55,7 +55,7 @@
   <div class="head">
    <p data-fill-with="logo"><a class="logo" href="http://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/Icons/w3c_home" width="72"> </a> </p>
    <h1 class="p-name no-ref" id="title">CSS Round Display Level 1</h1>
-   <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="2015-11-19">19 November 2015</time></span></h2>
+   <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="2015-11-20">20 November 2015</time></span></h2>
    <div data-fill-with="spec-metadata">
     <dl>
      <dt>This version:
@@ -775,20 +775,20 @@ <h3 class="heading settled" data-level="6.5" id="polar-anchor-property"><span cl
     <h3 class="heading settled" data-level="6.6" id="2d-rotation-transform-function"><span class="secno">6.6. </span><span class="content">2D Rotation Transform Function for self-rotating elements in polar coordinates</span><a class="self-link" href="#2d-rotation-transform-function"></a></h3>
     <p> When elements are positioned in polar coordinates, there are many usecases which show the elements rotated toward the origin of polar coordinates. In such cases, degree of rotation has to be specified in the 2d rotation function for each element. But when using the keyword value instead of the <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#angle-value">&lt;angle></a> value, the calculation of accurate rotation degree may be omitted. <br><br> The two-dimensional rotation function <code><a href="http://www.w3.org/TR/css3-transforms/#funcdef-rotate">'rotate(<angle>)'</angle></a></code> used in polar coordinates is extended as follows: </p>
     <dl>
-     <dd> <code><a href="http://www.w3.org/TR/css3-transforms/#funcdef-rotate">rotate()</a> = rotate( <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#angle-value">&lt;angle></a> | polar-angle | reverse-polar-angle)</code> 
+     <dd> <code><a href="http://www.w3.org/TR/css3-transforms/#funcdef-rotate">rotate()</a> = rotate( <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#angle-value">&lt;angle></a> | polar-angle | polar-angle-reverse)</code> 
     </dl>
      Values have the following meanings: 
     <dl>
      <dt><var>polar-angle</var>
      <dd> Rotate an element by the value of <a class="property" data-link-type="propdesc" href="#propdef-polar-angle">polar-angle</a> property. 
     </dl>
     <dl>
-     <dt><var>reverse-polar-angle</var>
+     <dt><var>polar-angle-reverse</var>
      <dd> Rotate an element by the angle of the <a class="property" data-link-type="propdesc" href="#propdef-polar-angle">polar-angle</a> property plus 180 degrees. 
     </dl>
     <p></p>
-    <div class="example" id="example-da758b7d">
-     <a class="self-link" href="#example-da758b7d"></a> This example shows how the keyword value works in the 2d rotation function. 
+    <div class="example" id="example-018a9a82">
+     <a class="self-link" href="#example-018a9a82"></a> This example shows how the keyword value works in the 2d rotation function. 
 <pre>&lt;style>
   #item1 {
     position: polar;
@@ -806,19 +806,19 @@ <h3 class="heading settled" data-level="6.6" id="2d-rotation-transform-function"
     position: polar;
     polar-angle: 135deg;
     polar-distance: 90%;
-    transform: rotate(reverse-polar-angle);
+    transform: rotate(polar-angle-reverse);
   }
   #item4 {
     position: polar;
     polar-angle: 180deg;
     polar-distance: 90%;
-    transform: rotate(reverse-polar-angle);
+    transform: rotate(polar-angle-reverse);
   }
   #item5 {
     position: polar;
     polar-angle: 225deg;
     polar-distance: 90%;
-    transform: rotate(reverse-polar-angle);
+    transform: rotate(polar-angle-reverse);
   }
   #item6 {
     position: polar;