Col xl and xxl are missing padding from gutter variable.

[MiroslavPetrik]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.6.3

Environment

Chromium Version 66.0.3359.181 (Official Build) Built on Ubuntu , running on Ubuntu 16.04 (64-bit)

Reproduction link

https://ant.design/components/grid/

Steps to reproduce

1. Override the default @grid-gutter-width variable to custom value.

@import 'antd/dist/antd.less';
@grid-gutter-width: 30px;

2. Render

<Row>
   <Col xl={12}>
      Missing
   </Col>
   <Col xl={12}>
      Padding
   </Col>
</Row>

What is expected?

The class ant-col-xl-12 applied to Col component should have padding equal to @grid-gutter-width/2.

What is actually happening?

The xl-* and xxl-* classes are padding-less - the gutter variable is not tied to them...

---

I believe xl and xxl prefixes are missing here...
Grid Component style source

[afc163]

<Row gutter={30}>
   <Col xl={12}>
      Missing
   </Col>
   <Col xl={12}>
      Padding
   </Col>
</Row>

[MiroslavPetrik]

@afc163 thats a quick fix, but the issue still exists and you just ignored it. I don't want to pollute the JSX with explicit gutter everywhere.

[ghost]

Hello, I've just come across the same issue.

[afc163]

I will reopen this if you guys provide a reproducible github repository.