[css-line-grid] yet more example tweaks

astearns · astearns · commit ffd309a1ac96 · 2014-07-22T16:29:58.000-07:00
diff --git a/css-line-grid/Overview.html b/css-line-grid/Overview.html
@@ -12,7 +12,7 @@
    rel=dcterms.rights>
   <meta content="CSS Line Grid Module Level 1" name=dcterms.title>
   <meta content=text name=dcterms.type>
-  <meta content=2014-07-21 name=dcterms.date>
+  <meta content=2014-07-22 name=dcterms.date>
   <meta content="Elika Etemad" name=dcterms.creator>
   <meta content="Koji Ishii" name=dcterms.creator>
   <meta content="Alan Stearns" name=dcterms.creator>
@@ -51,13 +51,13 @@
 
    <h1>CSS Line Grid Module Level 1</h1>
 
-   <h2 class="no-num no-toc">Editor's Draft 21 July 2014</h2>
+   <h2 class="no-num no-toc">Editor's Draft 22 July 2014</h2>
 
    <dl>
     <dt>This version:
 
     <dd><a href="http://dev.w3.org/csswg/css-line-grid-1/">
-     http://www.w3.org/TR/2014/ED-css-line-grid-1-20140721/</a>
+     http://www.w3.org/TR/2014/ED-css-line-grid-1-20140722/</a>
 
     <dt>Latest version:
 
@@ -508,8 +508,12 @@ <h3 id=line-snap><span class=secno>3.1. </span> Snapping Line Boxes: the
    (The unshifted position is the position that would be determined by normal
    line stacking rules, with consideration of any new controls defined by
    other modules such as <a href="#ref-CSS3LINE"
-   rel=biblioentry>[CSS3LINE]<!--{{CSS3LINE}}--></a>.) Values have the
-   following meanings:
+   rel=biblioentry>[CSS3LINE]<!--{{CSS3LINE}}--></a>.) Shifting line boxes in
+   this way affects layout – it is not merely a display translation. If a
+   line box is shifted downward, then subsequent line boxes will be laid out
+   using the new shifted position as input to their line stacking rules.
+
+  <p>Values have the following meanings:
 
   <dl>
    <dt><dfn id=none>‘<code class=css>none</code>’</dfn>
@@ -572,18 +576,18 @@ <h3 id=line-snap><span class=secno>3.1. </span> Snapping Line Boxes: the
     baselines while maintaining centering.
 
    <p> This can be done in two shift-and-center steps. First, shift the
-    snapping lines as if there were no centering, then remove the shift for
-    the very first snapping line and center the block. You can see the result
-    in the partial shifting figure below. Note that the shift for lines 2 and
-    3 are exactly the same as the full line snapping figure in the previous,
-    top-aligned example.
+    snapping lines as if there were no centering (as in figure 8 above), then
+    remove the shift for the very first snapping line and center the block.
+    You can see the result in the partial shifting figure below.
 
    <p> In the second step, measure the distance from the first snapped line's
     baseline to the grid lines above and below, looking for the closest grid
-    line to that baseline. If the closest grid line is in the block-start
-    direction, then add space below the last line equal to twice that
-    distance. Then the block is centered again, which will align all of the
-    snapped lines to the grid.
+    line to that baseline.
+
+   <p> If the closest grid line is in the block-start direction, then add
+    space below the last line in the block equal to twice that distance. Then
+    the block is centered again, which will align all of the snapped lines to
+    the grid.
    <figure style="float:left;"> <img alt="line positions at step 1"
    src="images/first-center-part-snapped.png"> <figcaption> Partial shifting
    </figcaption> </figure> <figure style="float:left;"> <img
diff --git a/css-line-grid/Overview.src.html b/css-line-grid/Overview.src.html
@@ -339,8 +339,15 @@ <h3 id=line-snap>
   (usually downward, possibly by zero) until it snaps to the line grid specified
   by 'line-grid'. (The unshifted position is the position that would be
   determined by normal line stacking rules, with consideration of any
-  new controls defined by other modules such as [[CSS3LINE]].) Values
-  have the following meanings:
+  new controls defined by other modules such as [[CSS3LINE]].) 
+  Shifting line boxes in this way affects layout – 
+  it is not merely a display translation. 
+  If a line box is shifted downward, 
+  then subsequent line boxes will be laid out 
+  using the new shifted position as input 
+  to their line stacking rules.
+
+  <p>Values have the following meanings:
 
   <dl>
   <dt><dfn>''none''</dfn>
@@ -406,10 +413,13 @@ <h3 id=line-snap>
       The block containing all of these lines might not be top-aligned within its container. In the figures below, the block containing the elements is centered. In a centered situation, you have to align baselines while maintaining centering. 
     </p>
     <p>
-      This can be done in two shift-and-center steps. First, shift the snapping lines as if there were no centering, then remove the shift for the very first snapping line and center the block. You can see the result in the partial shifting figure below. Note that the shift for lines 2 and 3 are exactly the same as the full line snapping figure in the previous, top-aligned example.
+      This can be done in two shift-and-center steps. First, shift the snapping lines as if there were no centering (as in figure 8 above), then remove the shift for the very first snapping line and center the block. You can see the result in the partial shifting figure below.
+    </p>
+    <p>
+      In the second step, measure the distance from the first snapped line's baseline to the grid lines above and below, looking for the closest grid line to that baseline. 
     </p>
     <p>
-      In the second step, measure the distance from the first snapped line's baseline to the grid lines above and below, looking for the closest grid line to that baseline. If the closest grid line is in the block-start direction, then add space below the last line equal to twice that distance. Then the block is centered again, which will align all of the snapped lines to the grid.
+      If the closest grid line is in the block-start direction, then add space below the last line in the block equal to twice that distance. Then the block is centered again, which will align all of the snapped lines to the grid.
     </p>
     <figure style="float:left;">
       <img src="images/first-center-part-snapped.png" 
