- From: Tab Atkins Jr. <jackalmage@gmail.com>
- Date: Tue, 2 Sep 2014 09:08:08 -0700
- To: Rachel Andrew <rachelandrewuk@gmail.com>
- Cc: www-style list <www-style@w3.org>
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