W3C home > Mailing lists > Public > www-style@w3.org > August 2014

[css-line-grid] (mostly) editorial comments on the ED

From: Dave Cramer <dauwhe@gmail.com>
Date: Fri, 15 Aug 2014 15:32:06 -0400
Message-ID: <CADxXqOw=gUd1eSa8MQ_a6CvAz-gWXxQRfmyHGhQEXydnxvFeyw@mail.gmail.com>
To: Alan Stearns <stearns@adobe.com>, "www-style@w3.org" <www-style@w3.org>
Hi Alan,

Here are a few observations after reading through the ED.

[1] Perhaps due to my background in print, I'm used to seeing baseline
grids, and find them to be the easiest way to visualize text alignment. A
baseline grid might make figures 1 and 2 a little easier to understand at a
glance, but others might disagree.

[2] What's the intended alignment for the sidebar in figure 3? In my
browsers, neither the top of the text nor the baseline align with the first
line of the main text. I think of it as a lovely example of the need for
this functionality :)

[3] I didn't immediately find definitions of text-over baseline and
text-under baselines. CSS Line Layout uses text-over-edge and
text-under-edge, but also has text-before-edge and text-after-edge. The
original definitions seem to be in CSS Writing Modes.

[4] Section 3.1. I'd like to see an example of line-snap: contains.

[5] Example 2 is very good, and is a nice introduction to how line-snapping
works.

[6] For Example 3, I would have found it helpful to have a figure showing
the original situation, before any shifting or snapping. Perhaps having a
more visible border around the images would help illustrate the vertical
centering (there's not much contrast between the white figure background
and the example background color).

[7] Example 4 might benefit from showing the intermediate stage as well as
the start and end point.


[8] Use case: a very common situation for us is a page of regular text,
interrupted by a blockquote that uses a different font size and line height:

p { font-size: 12pt; line-height: 16pt; }
blockquote p { font-size: 10pt; line-height: 13pt; }

There are two constraints:

[A] The regular text after the blockquote should align to the baseline grid
[B] The space above and below the blockquote should be equal.

Using a line grid for the regular text would satisfy the first constraint,
but not the second. Would applying box-snap: center to the blockquote do
this?

[9] I probably shouldn't mention a desire to align the last text baseline
of a page float (like a sidebar) to a line grid :)

Regards,

Dave
Received on Friday, 15 August 2014 19:32:33 UTC

This archive was generated by hypermail 2.3.1 : Friday, 15 August 2014 19:32:33 UTC