ufo-github
diff --git a/‎css-round-display/Overview.bs‎
Lines changed: 58 additions & 63 deletions b/‎css-round-display/Overview.bs‎
Lines changed: 58 additions & 63 deletions
@@ -415,7 +415,7 @@ Values have the following meanings:
 <dl dfn-for="offset-path">
   <dt><<angle>></dt>
   <dd>
-    The path is a straight line that has the degree of the angle as specified in <<angle>> from the Y-axis. The initial position of the path is defined by 'offset-position' and the end point of the path is on the edge of the containing block.
+    The path is a straight line that has the degree of the angle as specified in <<angle>> from the Y-axis. The initial position of the path is the center of the containing block and the end point of the path is on the edge of the containing block.
 
     <p class="note">Note: Defining the path with <<angle>>, the element can be positioned in the polar coordinate system. In polar coordinates, a pole is the reference point and points are described as been a certain distance from it, as also a certain angle from the polar axis. In mathematical theory, the polar axis is commonly defined as the positive direction of the x-axis, but we consider the polar axis as the positive direction of the y-axis position as other CSS specifications usually do. Therefore, when the <<angle>> value of 'offset-path' is 0, the element is positioned on the y-axis. If the <<angle>> value increases in the positive direction from 0, the element moves clockwise. The method to determine a direction using the <<angle>> value for 'offset-path' works the same way in [[!CSS3VAL]], <<angle>> value.</p>
   </dd>
@@ -454,7 +454,7 @@ For SVG elements without associated CSS layout box, the <a>used value</a> for <a
 
 For elements with associated CSS layout box, the <a>used value</a> for <a value for=clip-path>fill-box</a>, <a value for=clip-path>stroke-box</a> and <a value for=clip-path>view-box</a> is <a value for=mask-clip>border-box</a>.
 
-<h3 id="offset-position-property">Define the starting point of the path: The 'offset-position' property</h3>
+<h3 id="offset-position-property">Define the initial position of the path: The 'offset-position' property</h3>
 <pre class='propdef'>
     Name: offset-position
     Applies to: all elements
@@ -466,71 +466,69 @@ For elements with associated CSS layout box, the <a>used value</a> for <a value
     Animatable: as <a href="https://www.w3.org/TR/css3-transitions/#animtype-lpcalc">position</a>
 </pre>
 
-Specifies the position of the path.
+Specifies the initial position of the path.
 
 Values are defined as follows:
 
-<dl>
+ <dl dfn-for="offset-position">
     <dt><var>'auto'</var></dt>
     <dd>
-       Computes to '50% 50%'('center') if the value for 'offset-path' is specified with <<angle>> and the element is positioned in polar coordinates. In polar coordinates, there are many use cases specifying the position of the origin at the center point of the containing block. Therefore the element is positioned to the horizontally and vertically center in the area of the containing block when auto is given to the 'offset-position'. 
-       But the other value types for 'offset-path', it computes to '0% 0%' because 'offset-path' also specifies the initial position.
-   </dd>
-</dl>
+      Computes differently according to the type of value of 'offset-path': 
+      <dl>
+      <dt><<angle>></dt>
+      <dd>The center of the containing block</dd>
+      <dt><<circle()>>, <<ellipse()>></dt>
+      <dd>The point where a virtual tangent to the circle/ellipse would reach the top vertical position</dd>
+      <dt><<inset()>></dt>
+      <dd>The left top corner of the rectangle</dd>
+      <dt><<polygon()>></dt>
+      <dd>The first coordinate pair of the polygon</dd>
+      <dt><<path()>></dt>
+      <dd>The first "move to" argument in the path string</dd> 
+      </dl>
+    </dd>
 
-<dl>
     <dt><<position>></dt>
     <dd>
     Values of <<position>> are defined like below:
-    <dl>
-    <dt><<percentage>></dt>
-    <dd>
-    A percentage for the horizontal offset is relative to the width of the containing block. A percentage for the vertical offset is relative to height of the containing block.
-    </dd>
-    </dl>
-
-    <dl>
-    <dt><<length>></dt>
-    <dd>
-    A length value gives a fixed length as the offset. The value for the horizontal and vertical offset represent an offset from the top left corner of the containing block.
-    </dd>
-    </dl>
-
-    <dl>
-    <dt><dfn>top</dfn></dt>
-    <dd>
-    Computes to 0% for the vertical position.
-    </dd>
-    </dl>
-
-    <dl>
-    <dt><dfn>right</dfn></dt>
-    <dd>
-    Computes to 100% for the horizontal position.
-    </dd>
-    </dl>
-
-    <dl>
-    <dt><dfn>bottom</dfn></dt>
-    <dd>
-    Computes to 100% for the vertical position.
-    </dd>
-    </dl>
 
-    <dl>
-    <dt><dfn>left</dfn></dt>
-    <dd>
-    Computes to 0% for the horizontal position.
-    </dd>
-    </dl>
-
-    <dl>
-    <dt><dfn>center</dfn></dt>
-    <dd>
-    Computes to 50% (left 50%) for the horizontal position if the horizontal position is not otherwise specified, or 50% (top 50%) for the vertical position if it is.
+        <dl>
+            <dt><<percentage>></dt>
+            <dd>
+            A percentage for the horizontal offset is relative to the width of the containing block. A percentage for the vertical offset is relative to height of the containing block.
+            </dd>
+
+            <dt><<length>></dt>
+            <dd>
+            A length value gives a fixed length as the offset. The value for the horizontal and vertical offset represent an offset from the top left corner of the containing block.
+            </dd>
+
+            <dt><dfn>top</dfn></dt>
+            <dd>
+            Computes to 0% for the vertical position.
+            </dd>
+
+            <dt><dfn>right</dfn></dt>
+            <dd>
+            Computes to 100% for the horizontal position.
+            </dd>
+
+            <dt><dfn>bottom</dfn></dt>
+            <dd>
+            Computes to 100% for the vertical position.
+            </dd>
+
+            <dt><dfn>left</dfn></dt>
+            <dd>
+            Computes to 0% for the horizontal position.
+            </dd>
+
+            <dt><dfn>center</dfn></dt>
+            <dd>
+            Computes to 50% (left 50%) for the horizontal position if the horizontal position is not otherwise specified, or 50% (top 50%) for the vertical position if it is.
+            </dd>
+        </dl>
     </dd>
-    </dl>
-</dd>
 </dl>
 
 <h3 id="offset-distance-property">Position on the path: The 'offset-distance' property</h3>
@@ -605,17 +603,14 @@ See the section Motion processing for how to process a motion position.
             #circle1 {
                offset-path: 0deg;
                offset-distance: 50%;
-               offset-position: 50% 50%;
             }
             #circle2 {
                offset-path: 90deg;
                offset-distance: 20%;
-               offset-position: 50% 50%;
             }
             #circle3 {
                offset-path: 225deg;
                offset-distance: 100%;
-               offset-position: 50% 50%;
             }
         &lt;/style>
     </pre>
@@ -843,7 +838,7 @@ This example shows how ''auto'' or ''reverse'' works specified in combination wi
         border-radius: 50%;
     }
     #item1 {
-		offset-path: 0deg;
+        offset-path: 0deg;
         offset-distance: 90%;
         offset-rotate: auto 90deg;
 	}
@@ -858,17 +853,17 @@ This example shows how ''auto'' or ''reverse'' works specified in combination wi
         offset-rotate: auto -90deg;
     }
     #item4 {
-		offset-path: 180deg;
+        offset-path: 180deg;
         offset-distance: 90%;
         offset-rotate: auto -90deg;
     }
     #item5 {
-		offset-path: 225deg;
+        offset-path: 225deg;
         offset-distance: 90%;
         offset-rotate: auto -90deg;
     }
     #item6 {
-		offset-path: -45deg;
+        offset-path: -45deg;
         offset-distance: 90%;
         offset-rotate: auto 90deg;
     }