[css-line-grid] added examples to line-snap

Hey all,

In Seattle, one of my concerns about snapping to baseline grids was
defining what happens when the block containing the line boxes is
bottom-aligned.

I have added some examples [1] to the line grid spec to show line snapping
for top-aligned, centered, and bottom-aligned blocks. I used flexbox in
building the examples, but I think the same results should occur in other
alignment situations (such as an absolutely-positioned block with a bottom
edge constraint and various vertical centering hacks). So the examples
don’t go into detail on how the block alignment is achieved.

Please take a look at the examples and see if you agree with the results.
If we can agree that the examples are correct, then I’ll start adding
normative text to the spec to support the examples.


I also added two sentences to the property description noting that when
line shifting occurs it affects layout - if one line snaps to the grid,
the position of the next line will be affected by the changed position of
the line above. The sentences in the spec are:

----
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.
----


Thanks,

Alan

[1] http://dev.w3.org/csswg/css-line-grid/#line-snap

Received on Tuesday, 22 July 2014 23:48:38 UTC