W3C home > Mailing lists > Public > public-css-archive@w3.org > February 2017

Re: [csswg-drafts] [css-grid] Setting of gutter properties when using the 'grid' shorthand

From: Manuel Rego Casasnovas via GitHub <sysbot+gh@w3.org>
Date: Tue, 14 Feb 2017 12:54:40 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-279699823-1487076879-sysbot+gh@w3.org>
`grid` shorthand resets the gutter properties, but you cannot set 
them.

So if you has the following css:
```css
  grid-gap: 20px;
  grid: 50px 50px / 100px 100px;
```

The gutters of your grid are reset to 0px.
You'd need to change the order of the properties in the declaration:
```css
  grid: 50px 50px / 100px 100px;
  grid-gap: 20px;
```

Then you'll have 20px gutters.

Note that `grid-template` shorthand doesn't reset the gutter 
properties.

See the examples: http://output.jsbin.com/ligonuv

-- 
GitHub Notification of comment by mrego
Please view or discuss this issue at 
https://github.com/w3c/csswg-drafts/issues/1036#issuecomment-279699823
 using your GitHub account
Received on Tuesday, 14 February 2017 12:54:50 UTC

This archive was generated by hypermail 2.4.0 : Thursday, 24 March 2022 20:26:37 UTC