Re: [css-grid] implicit grid lines when using fixed "gutter" tracks

On Tue, Sep 2, 2014 at 8:53 AM, Rachel Andrew <rachelandrewuk@gmail.com> wrote:
> What got me thinking about this was when doing something like a 16 column
> grid: http://gridbyexample.com/examples/code/layout4.html
>
> I couldn't see a way of having auto rows, and ended up repeating the pattern
> so I could have my regular gutter row. So a row-gap would solve this, or
> some way of saying repeat this pattern as often as is needed. As far as I
> can tell once I am out of defined rows, I don't have a way to make a gutter.
>
> grid-template-rows: repeat(9, (row) auto (gutter) 20px );

Yeah, I thought you might be referring to that case; I saw it on your
grid website.  That would indeed be handled by row-gap.

This might also be handleable by allowing grid-auto-rows/columns to
take a full <track-list> specification, and require it to produce a
full multiple of the track-list when generating new rows.  That way
you could write "grid-auto-rows: (row) auto (gutter) 20px;" and it
would produce the correct rows.

That's less convenient than row-gap, because you still have to deal
with ugly gutter rows, but hey.

I'm thinking more of something like a page grid with things
distributed around, and a central content area designed to be
auto-filled with some number of content elements.  You might want a
gap around the elements in the center there, but not between the
surrounding page-template stuff.  Do you have any examples like that
yet?

~TJ

Received on Tuesday, 2 September 2014 16:08:55 UTC