Re: [csswg-drafts] [css-grid-1][css-grid-2] Basic support for "equal gutter" with justify-content on grid items

The Working Group just discussed `"Equal Gutter" with justify-content`.

<details><summary>The full IRC log of that discussion</summary>
&lt;frremy> Topic: "Equal Gutter" with justify-content<br>
&lt;astearns> github: https://github.com/w3c/csswg-drafts/issues/1116<br>
&lt;frremy> fantasai: users often want row-gaps and col-gaps to be equal<br>
&lt;frremy> fantasai: but they also want the horizontal gaps to fill the remaining space once you've put as many columns as possible in the width direction<br>
&lt;frremy> fantasai: they can do that using justify-content<br>
&lt;frremy> fantasai: but they cannot transfer this size in the other direction<br>
&lt;frremy> fantasai: this is basically a request for thoughts on the topic<br>
&lt;fantasai> https://github.com/w3c/csswg-drafts/issues/1116#issuecomment-288472394<br>
&lt;fantasai> Just to summarize, the example is<br>
&lt;fantasai>     definite width, auto height grid container<br>
&lt;fantasai>     auto-fill columns e.g. 100px<br>
&lt;fantasai>     auto-placed items<br>
&lt;fantasai>     place-content: space-between<br>
&lt;fantasai>     The spacing produced by space-between is not equal in both axes.<br>
&lt;frremy> jensimmons: so is the idea { row-gap: as-column-gap }<br>
&lt;frremy> jensimmons: ?<br>
&lt;frremy> TabAtkins: pretty much<br>
&lt;frremy> (general discussion, but it was thought to minute)<br>
&lt;TabAtkins> s/thought/tough/<br>
&lt;frremy> fantasai: the tricky thing is that two things control the gap size<br>
&lt;frremy> fantasai: the gap property<br>
&lt;frremy> fantasai: and the alignment properties<br>
&lt;frremy> fantasai: you do have to consider both to get the desired effect<br>
&lt;frremy> fantasai: and there are interersting cases of space-evenly which creates a gap before the first column and after the last column, we will need to define what to do about that<br>
&lt;fantasai> the gap properties only distribute space between the columns, but alignment can do other things<br>
&lt;frremy> florian: and the proposed syntax would allow to also define alignment in the direction in which you said to copy<br>
&lt;frremy> florian: I think we should have a more restrictive syntax that doesn't allow the impossible cases would be better<br>
&lt;frremy> florian: but I don't have a concrete proposal right now<br>
&lt;frremy> jensimmons: just to clarify, the alignment do not update the gap, they add a gutter right?<br>
&lt;frremy> fantasai: yes, but visually it looks like the same thing<br>
&lt;frremy> jensimmons: so it looks like we want something to transfer the gutter not the gap<br>
&lt;frremy> dholbert: maybe some align: symmetrical then?<br>
&lt;frremy> dholbert: alignment properties already are allowed to increase a gap<br>
&lt;frremy> dholbert: it would be possible to also shrink the gap to make it match, that doesn't sound unreasonable<br>
&lt;dholbert> Or possibly not shrink, but grow-or-leave-the-same (to avoid)<br>
&lt;frremy> Rossen: alright, I think we should probably break out to lunch, and have people interested in this proposal talk with each other<br>
&lt;frremy> Rossen: let's get back here at 1.30<br>
&lt;dholbert> *(to avoid violating author expectations that "grid-row-gap: 100px" should actually insert at least 100px of space)<br>
</details>


-- 
GitHub Notification of comment by css-meeting-bot
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1116#issuecomment-342272800 using your GitHub account

Received on Monday, 6 November 2017 20:16:55 UTC