[csswg-drafts] [css-grid] Control size of gutters explicitly

tabatkins has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-grid] Control size of gutters explicitly ==
[Thread starting here](https://lists.w3.org/Archives/Public/www-style/2017Jul/0027.html) asks for the ability to manually control gutter sizes, so they can be different sizes in different spots.

Right now, the only way to do so is to create it as a track, and then either explicitly avoid placing according to that track, or use a dummy element to fill that track (so auto-placed items avoid it, tho this means they can't span *across* it either).

There's some suggestions in the thread to extend the `grid-gap` syntax to allow multiple lengths, interpreted as a repeat pattern.

I'd prefer building this into the `grid-template` syntax. We already have a place in the syntax for line names, which live in the gutter between the tracks; we can throw in a `gap(<length>)` function as well, which can only be put between tracks, and which overrides the `grid-gap` property. (That is, `grid-gap` sets the *default* gap size, but you can manually override it.)

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1659 using your GitHub account

Received on Friday, 28 July 2017 22:40:52 UTC