Re: [css-grid] Undefined named lines placement

On Tue, Dec 16, 2014 at 7:55 AM, Manuel Rego Casasnovas <rego@igalia.com> wrote:
> Hi,
>
> I'm reading the line-based placement properties [1] and I'd like to
> confirm the behavior with undefined named lines.
>
> Let's imagine that we define grid-template-columns like:
>   grid-template-columns: (left) 100px (right);
>
> Are the following assumptions correct?
>
> 1) grid-column: right;
>    This is the regular case, and the item will be placed in the 2nd column.
>    According to the spec this should be the same than
> "grid-column: 1 right;".

Yes.

> 2) grid-column: foo;
>    As "foo" is not a named line, all lines in the implicit grid are
> assumed to have that name.
>    We would consider that grid-template-columns is:
> (left) 100px (right foo);
>    So, this will be placed again in the 2nd column (if we think that
> "right" is the first line of the implicit grid).
>
>    If I understand it right, even if we have both 1) and 2) at the same
> time, both items should be placed in the 2nd column.

No, (right) is the last line in the explicit grid.  The *next* line
will be part of the implicit grid, and will be treated as having the
name "foo", so the item will go in the third column.

> 3) grid-column: 3 bar;
>    If 2) was right (and "right" is the first line of the implicit grid)
> it'll be placed in the 4th column.

Fifth column.

~TJ

Received on Tuesday, 16 December 2014 19:22:48 UTC