Enhance stylelint rules, fix propTypes error of TagSelect

[laozhu]

Commits in this PR:

• Support CSS modules rules with stylelint-config-css-modules
• Support no-ignored-properties rule with stylelint-declaration-block-no-ignored-properties
• Support sorted CSS properties order with stylelint-order and stylelint-config-rational-order
• Autofix order of all less files by lint:fix script
• Fix CSS pseudo element with double colon
• Fix propTypes error of TagSelect component

Using vscode

If you are using vscode with vscode-stylelint extension, this is my vscode config for stylelint (with vscode-prettier extension installed).

{
  "editor.formatOnSave": true,

  // Stylelint
  // https://github.com/shinnn/vscode-stylelint#optional-but-recommended-setup
  "css.validate": false,
  "less.validate": false,
  "scss.validate": false,

  // Prettier
  "prettier.stylelintIntegration": true,
}

With these configs, when you save your CSS, SCSS or LESS files, vscode will automatically sort your CSS properties and fix some fixable stylelint rules.

Using others

If you are using other IDEs or editors, the config should be different from vscode, but you can fix all files just run script below in your terminal:

# using npm
$ npm run lint:fix

# using yarn
$ yarn lint:fix

[netlify]

Deploy preview for ant-design-pro ready!

Built with commit a5570f6

https://deploy-preview-3518--ant-design-pro.netlify.com

[chenshuai2144]

Great, but css sorting makes me feel bad.

[laozhu]

@chenshuai2144 Maybe too strict for writing CSS? I use this with vscode and vscode-stylelint extension, set editor.formatOnSave to true, It will be automatically sorted while I’m saving file.

If you don’t like css sorting, I will revert the commits of css sorting today.

[laozhu]

@chenshuai2144 I have removed CSS sorting from this PR.

[chenshuai2144]

If it can be sorted automatically, I think it is good, no need to delete

[laozhu]

@chenshuai2144 I have got CSS sorting feature back 😄

[chenshuai2144]

ok，This will be a great job

[chenshuai2144]

why？

  "css.validate": false,
  "less.validate": false,
  "scss.validate": false,

[laozhu]

@chenshuai2144 vscode will make another duplicate lint info, see below link:

https://github.com/shinnn/vscode-stylelint#optional-but-recommended-setup

[chenshuai2144]

Can add a document for use in each ide

[laozhu]

@chenshuai2144 I am not familiar with other IDEs or editors, but I think npm run lint:fix is what they want 😄. I am very happy to contribute document about stylelint and others, but where should I commit to?

[chenshuai2144]

https://github.com/ant-design/ant-design-pro-site

[laozhu]

@chenshuai2144 Can I add a code style section of ant-design-pro there? I will write sth about prettier, eslint, tslint and stylelint in this section.

[chenshuai2144]

@laozhu 有兴趣帮 antd 也搞一下吗？

[chenshuai2144]

• Write document for code style and IDEs integrated

Create a new issue in the site

[laozhu]

@chenshuai2144 没问题的，晚上搞起来。