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

How does the `grid-template` syntax address the repetition of a pattern for gutters?

Example - I need 12 columns with a repeating `grid-gap` pattern of `1rem` and `2rem` and all my column names remain `[col]` with all tracks being `1fr`.

It would be amazing if we could do something like this without breaking the existing syntax.
```css
.container {
  display: grid;
  grid-gap: repeat(1rem, 2rem)  3rem;
}
```
Here, the `grid-column-gap` has a pattern of `1rem` and `2rem` and we get `3rem` gutter on rows.

Didn't put a lot of thoughts into parsing so not sure how many things this might break.

-- 
GitHub Notification of comment by praveenpuglia
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1659#issuecomment-318801926 using your GitHub account

Received on Saturday, 29 July 2017 03:58:53 UTC