*** empty log message ***

Author: kojiishi

css-line-grid/Overview.html

@@ -153,8 +153,8 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
       &lsquo;<code class=css>gd</code>&rsquo; length unit</a>
 
      <li><a href="#round-length"><span class=secno>3.4. </span>Rounding Down
-      to Multiple of Units: &lsquo;<code class=css>*gd</code>&rsquo; and
-      &lsquo;<code class=css>*em</code>&rsquo;</a>
+      Lengths to Multiple of Units: &lsquo;<code class=css>*gd</code>&rsquo;
+      and &lsquo;<code class=css>*em</code>&rsquo;</a>
     </ul>
 
    <li><a href="#conformance"><span class=secno>4. </span> Conformance</a>
@@ -204,19 +204,24 @@ <h3 id=context><span class=secno>1.1. </span>Background</h3>
 
    <li>Align lines between columns in multi-column documents.
 
+   <li>Make the top and the bottom margins of pictures equal, while keeping
+    the vertical rhythm of text before and after the pictures.
+
    <li>Layout lines at the same position in every page in paged media.
     Keeping the position of the bottom line of a page has benefits for design
-    and readability. This also results better readability on duplex printing,
-    two pages spreads, or when displaying on slow display devices like e-ink.
+    and readability. This also improves the readability on duplex printing,
+    two pages spreads, and when displaying on slow display devices like
+    e-ink.
 
-   <li>East Asian layouts require the use of vertical rhythm more often than
-    other scripts does, even in single column, non-paged media documents, as
+   <li>East Asian layouts require vertical rhythm more often than other
+    scripts does, even in single column, non-paged media documents, as
     defined in <a href="#JLREQ" rel=biblioentry>[JLREQ]<!--{{JLREQ}}--></a>.
 
-   <li>In East Asian documents, it is often desirable to make the line width
-    to be multiple of <em>em</em>. Most East Asian characters have 1em
-    advance, and most East Asian documents are justified, so this minimizes
-    the case where justification needs to expand lines.
+   <li>It is often desirable in East Asian layouts to make the line width to
+    be multiple of <em>em</em> without fractions. Since most East Asian
+    characters have 1em advance, and since most East Asian documents are
+    justified, this minimizes the case where justification needs to expand
+    lines.
   </ul>
 
   <p>There are several types of objects in a document that can break the
@@ -237,12 +242,12 @@ <h3 id=context><span class=secno>1.1. </span>Background</h3>
 
    <li>Controls how lines and blocks align to the grids.
 
-   <li>Rounds lengths down to the mulitple of units.
+   <li>Rounds lengths down to mulitple of units.
   </ul>
 
   <p>It is important to control these capabilities independently, so that
-   align to grids can be turned off for tables for example, but can be turned
-   back on for the following text to the original grids.
+   aligning to grids can be turned off for tables for example, but can then
+   be turned back on for the following text to the grids.
 
   <h3 id=placement><span class=secno>1.2. </span>Module Interactions</h3>
 
@@ -354,8 +359,9 @@ <h3 id=layout-grid-line-prop><span class=secno>2.1. </span>Define Line
    module: text WD 20010517</a>.
 
   <p class=issue>Grid origin should be defined by the element that has this
-   property. In that case, should it inherit, or not inherit value but
-   inherit grid?
+   property, similar to &lsquo;<code class=css>display: static</code>&rsquo;.
+   In that case, should this property inherit, or not inherit the property
+   but inherit grid?
 
   <h2 id=using-grids><span class=secno>3. </span>Using Grids</h2>
 
@@ -517,10 +523,27 @@ <h3 id=grid-length-unit><span class=secno>3.3. </span>The &lsquo;<code
 
   <p class=issue>Just copied from old WD, need to refresh
 
-  <h3 id=round-length><span class=secno>3.4. </span>Rounding Down to Multiple
-   of Units: &lsquo;<code class=css><span class=index id=gd0 title="length
-   unit::*gd">*gd</span></code>&rsquo; and &lsquo;<code class=css><span
-   class=index id=em title="length unit::*em">*em</span></code>&rsquo;</h3>
+  <p class=issue>Use cases for non-East Asian layouts?
+
+  <div class=example id=gyou-dori>
+   <p>East Asian layout often requires heights specified by multiple of the
+    line grids. In Japanese, this method is called Gyou-dori. Refer to <a
+    href="#JLREQ" rel=biblioentry>[JLREQ]<!--{{JLREQ}}--></a> for more
+    details of Gyou-dori.</p>
+
+   <pre><code class=css>
+<!-- -->h1 {
+<!-- -->  line-grid-mode: block;
+<!-- -->  min-height: 3gd;
+<!-- -->}
+<!-- --></code></pre>
+  </div>
+
+  <h3 id=round-length><span class=secno>3.4. </span>Rounding Down Lengths to
+   Multiple of Units: &lsquo;<code class=css><span class=index id=gd0
+   title="length unit::*gd">*gd</span></code>&rsquo; and &lsquo;<code
+   class=css><span class=index id=em title="length
+   unit::*em">*em</span></code>&rsquo;</h3>
 
   <p>The &lsquo;<code class=property>width</code>&rsquo; and &lsquo;<code
    class=property>height</code>&rsquo; properties accept &lsquo;<code
@@ -529,13 +552,35 @@ <h3 id=round-length><span class=secno>3.4. </span>Rounding Down to Multiple
    and then the result will be round down to the largest multiple of the
    specified unit that is equal to or less than the original computed value.
 
-  <p>The fraction is distributed evenly to each side margins. If it is used
-   for &lsquo;<code class=property>height</code>&rsquo;, the half of fraction
-   is added to the top and bottom margins, and if for &lsquo;<code
-   class=property>width</code>&rsquo;, to the left and right margins.
+  <p>The fraction is distributed evenly to the computed values of margins of
+   each side. If it is used for &lsquo;<code
+   class=property>height</code>&rsquo;, the half the fraction is added to the
+   top and the bottom margins. If for &lsquo;<code
+   class=property>width</code>&rsquo;, to the left and the right margins.
 
   <p class=issue>Should this be a property instead?
 
+  <p class=issue>Should have an option to left/right align instead of center?
+   Can author align running head and page numbers with body with this design?
+
+  <p class=issue>Use cases for non-East Asian layouts?
+
+  <div class=example>
+   <p>It is often desirable for East Asian layouts to make the line width to
+    be multiple of <em>em</em> without fractions. Since most East Asian
+    characters have 1em advance, and since most East Asian documents are
+    justified, this minimizes the case where justification needs to expand
+    lines.</p>
+
+   <pre><code class=css>
+<!-- -->body {
+<!-- -->  margin: 3cm 3.5cm 3cm 3cm;
+<!-- -->  text-align: justify;
+<!-- -->  width: *em;
+<!-- -->}
+<!-- --></code></pre>
+  </div>
+
   <h2 id=conformance><span class=secno>4. </span> Conformance</h2>
 
   <h3 id=conformance-classes><span class=secno>4.1. </span> Conformance

css-line-grid/Overview.src.html

@@ -76,18 +76,21 @@ <h3 id="context">Background</h3>
   <ul>
     <li>Keep vertical rhythm for better readability.</li>
     <li>Align lines between columns in multi-column documents.</li>
+    <li>Make the top and the bottom margins of pictures equal,
+      while keeping the vertical rhythm of text before and after the pictures.</li>
     <li>Layout lines at the same position in every page in paged media.
       Keeping the position of the bottom line of a page has benefits for
       design and readability.
-      This also results better readability on duplex printing,
+      This also improves the readability on duplex printing,
       two pages spreads,
-      or when displaying on slow display devices like e-ink.</li>
-    <li>East Asian layouts require the use of vertical rhythm
+      and when displaying on slow display devices like e-ink.</li>
+    <li>East Asian layouts require vertical rhythm
       more often than other scripts does,
       even in single column, non-paged media documents,
       as defined in [[JLREQ]].</li>
-    <li>In East Asian documents,
-      it is often desirable to make the line width to be multiple of <em>em</em>.
+    <li>It is often desirable in East Asian layouts
+      to make the line width to be
+      multiple of <em>em</em> without fractions.
       Since most East Asian characters have 1em advance,
       and since most East Asian documents are justified,
       this minimizes the case where justification needs to expand lines.</li>
@@ -109,12 +112,12 @@ <h3 id="context">Background</h3>
   <ul>
     <li>Defines grids in the line progression direction.</li>
     <li>Controls how lines and blocks align to the grids.</li>
-    <li>Rounds lengths down to the mulitple of units.</li>
+    <li>Rounds lengths down to mulitple of units.</li>
   </ul>
 
   <p>It is important to control these capabilities independently,
-    so that align to grids can be turned off for tables for example,
-    but can be turned back on for the following text to the original grids.
+    so that aligning to grids can be turned off for tables for example,
+    but can then be turned back on for the following text to the grids.
   </p>
 
 
@@ -346,8 +349,21 @@ <h3 id="grid-length-unit">The ''<span class="index" title="length unit::gd">gd</
   <p>If no grid is specified, the gd unit should be treated the same as the em unit.</p>
 
   <p class="issue">Just copied from old WD, need to refresh</p>
+  <p class="issue">Use cases for non-East Asian layouts?</p>
 
-<h3 id="round-length">Rounding Down to Multiple of Units:
+  <div id="gyou-dori" class="example">
+    <p>East Asian layout often requires heights specified by multiple of the line grids.
+      In Japanese, this method is called Gyou-dori.
+      Refer to [[JLREQ]] for more details of Gyou-dori.</p>
+    <pre><code class="css">
+<!-- -->h1 {
+<!-- -->  line-grid-mode: block;
+<!-- -->  min-height: 3gd;
+<!-- -->}
+<!-- --></code></pre>
+  </div>
+
+<h3 id="round-length">Rounding Down Lengths to Multiple of Units:
   ''<span class="index" title="length unit::*gd">*gd</span>''
   and ''<span class="index" title="length unit::*em">*em</span>''</h3>
 
@@ -358,11 +374,31 @@ <h3 id="round-length">Rounding Down to Multiple of Units:
     the largest multiple of the specified unit
     that is equal to or less than the original computed value.</p>
 
-  <p>The fraction is distributed evenly to each side margins.
-    If it is used for 'height', the half of fraction is added to the top and bottom margins,
-    and if for 'width', to the left and right margins.</p>
+  <p>The fraction is distributed evenly to the computed values of margins of each side.
+    If it is used for 'height',
+    the half the fraction is added to the top and the bottom margins.
+    If for 'width', to the left and the right margins.</p>
 
   <p class="issue">Should this be a property instead?</p>
+  <p class="issue">Should have an option to left/right align instead of center?
+    Can author align running head and page numbers with body with this design?</p>
+  <p class="issue">Use cases for non-East Asian layouts?</p>
+
+  <div class="example">
+    <p>It is often desirable for East Asian layouts
+      to make the line width to be
+      multiple of <em>em</em> without fractions.
+      Since most East Asian characters have 1em advance,
+      and since most East Asian documents are justified,
+      this minimizes the case where justification needs to expand lines.</p>
+    <pre><code class="css">
+<!-- -->body {
+<!-- -->  margin: 3cm 3.5cm 3cm 3cm;
+<!-- -->  text-align: justify;
+<!-- -->  width: *em;
+<!-- -->}
+<!-- --></code></pre>
+  </div>
 
 <h2 id="conformance">
 Conformance</h2>